/* including overrides for templatemo-upright.css */

.mb-5 { 
  margin-bottom: 1rem !important; /* for navigation - override 3rem default */
}

hr.dark {
  border: solid #001888;
}

.btn-primary { 
  border-radius: 0.3rem;
}

code {
  color: #0d8d00;
  font-weight: bold;
}

.tm-hr-medium {
        border-top: 1px solid #006699;
        width: 512px;
        margin-left: auto;
        margin-right: auto;
}


/* Chapter titles */
h2.tm-text-primary { font-size: 3rem; }

.tm-sidebar {
        background-color: #ddd;
	width: 350px;
}
.tm-section-wrap {
	width: calc(100% - 500px);
	margin-left: 500px;
}
.tm-brand-box {
    width: 240px;
    height: 180px;
    background: white;
}
@media (max-width: 991px) {
	.tm-sidebar {
		left: -350px;
		transition: all 0.3s ease;
	}
	.tm-section-wrap {
		width: calc(100% - 80px);
		margin-left: 80px;		
	}
}


a.my-gumroad-button {
    background-color: #222222 !important;
    border-radius: 4px !important;
    color: white !important;
    display: inline-block !important;
    font-family: "Mabry Pro", -apple-system, ".SFNSDisplay-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    padding: 14px 16px !important;
    text-decoration: none !important;
    border: solid 1px #222222 !important;
    transition: all 0.14s ease-out !important;
}


a { color: blue; }

table.tips{padding:6px 6px 6px 6px;border:1px solid;}
table.tips td{font-size:16px;width:25%;text-align:center;padding:6px;border:1px solid;}
table.tips td#narrow{font-size:16px;width:120px;text-align:center;padding:6px;border:1px solid;}
table.tips td#fill{font-size:16px;width: auto; text-align:center;padding:6px;border:1px solid;}
table.tips_text td{font-size:16px;width:25%;padding:6px;border:1px solid;}
table.tips_text th{padding:6px;border:1px solid;}


.tm-img-tips-container {
        width: 250px;
        height: 500px;
        background: url(../examples/tips.png) no-repeat center;
        background-size: cover;
        margin-right: 0;
        margin-left: auto;
}

img.tips-graphic {
  margin: 0 10px 0 0;
 // width: 50%;
 width: 60% !important;
  //width: 200px !important;
/*  width: 100px;
  height: 100px; */
}
img.tips-pepper {
  float: left;
  height: 40px;
  width: 46px;
  margin: 0 20px 0 0;
}

table.booklist{padding:10px 50px 10px 50px;width:100%;}
table.booklist td{font-size:16px;width:25%;padding:30px;border:0;}
table.booklist td img{padding:1px;border:1px solid #021a40;background-color: #021a40;}