/*
	Theme Name: Learning About Diabetes 
	Theme URI: 
	Description: A Tagline Theme
	Author: Tharon Carlson
	Author URI: http://taglinegroup.com
	Tags: HTML5, CSS3
*/

/* global box-sizing */

*,
*:after,
*:before {-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility;}
html {font-size:62.5%;}
body {font:400 14px 'Open Sans', 'Helvetica', sans-serif,'Arial';position:relative; line-height: 28px;}

/* clear */
.clear:before,
.clear:after {content:' ';display:table;}
.clear:after {clear:both;}
.clear {*zoom:1;}

a {text-decoration:none;}
a:hover {color:black;}
a:focus {outline:0;}
a:hover,a:active, input:hover {outline:0;transition: 420ms;}

input:focus {outline:0;border:1px solid #04A4CC;}
button {background:none;border:none;}
input {width: 100%;padding: 5px;margin:5px 0;border: solid 1px #E0E0E0;    background: rgb(255, 255, 255);font-size: 16px;}

textarea {overflow: auto;vertical-align: top;width: 100%;padding: 10px;margin: 5px 0;border: solid 1px #E0E0E0;height: 84px;      background: rgb(255, 255, 255);}

.fa {padding-right:10px}

h1,h2,h3,h4,h5 {margin: 0;font-weight:400;font-size:1em;}

article li {margin-bottom: 20px;}

img {display:block;vertical-align:bottom;}

/*helper classes*/
.hide {display: none;}
.flex {width:100%;}
.inlineblk{display:inline-block;}
.block {display: block;}
.p-l {float:left;}
.p-r {float:right;}
.p-c {margin:auto;}
.txt-c {text-align:center;display: block;}
.txt-r {text-align:right;}
.txt-l {text-align:left;}
.txt-wht {color:white;}
.pad-0 {padding:0;}
.pad-5px {padding:5px;}
.pad-10px {padding:10px;}
.pad-20px {padding:20px;}
.pad-30px {padding:30px;}
.pad-40px {padding:40px;}
.pad-50px {padding:50px;}
.pad-r-10px {padding-right:10px;}
.pad-r-20px {padding-right:20px;}
.pad-r-30px {padding-right:30px;}
.pad-r-40px {padding-right:40px;}
.pad-r-50px {padding-right:50px;}
.pad-r-60px {padding-right:60px;}
.pad-r-70px {padding-right:70px;}
.pad-r-80px {padding-right:80px;}
.pad-r-90px {padding-right:90px;}
.pad-r-100px {padding-right:100px;}
.pad-r-200px {padding-right:200px;}
.pad-l-10px {padding-left:10px;}
.pad-l-20px {padding-left:20px;}
.pad-l-30px {padding-left:30px;}
.pad-l-40px {padding-left:40px;}
.pad-l-50px {padding-left:50px;}
.pad-s-5px {padding-right:5px;padding-left:5px;}
.pad-s-10px {padding-right:10px;padding-left:10px;}
.pad-s-20px {padding-right:20px;padding-left:20px;}
.pad-s-30px {padding-right:30px;padding-left:30px;}
.pad-s-40px {padding-right:40px;padding-left:40px;}
.pad-s-50px {padding-right:50px;padding-left:50px;}
.pad-t-5px {padding-top:5px;}
.pad-t-10px {padding-top:10px;}
.pad-t-20px {padding-top:20px;}
.pad-t-30px {padding-top:30px;}
.pad-t-40px {padding-top:40px;}
.pad-t-50px {padding-top:50px;}
.pad-t-75px {padding-top:75px;}
.pad-b-10px {padding-bottom:10px;}
.pad-b-20px {padding-bottom:20px;}
.pad-b-30px {padding-bottom:30px;}
.pad-b-40px {padding-bottom:40px;}
.pad-b-50px {padding-bottom:50px;}
.pad-b-75px {padding-bottom:75px;}
.pad-b-100px {padding-bottom:100px;}
.pad-tb-10px {padding-top:10px;padding-bottom:10px;}
.pad-tb-20px {padding-top:20px;padding-bottom:20px;}
.pad-tb-30px {padding-top:30px;padding-bottom:30px;}
.pad-tb-40px {padding-top:40px;padding-bottom:40px;}
.pad-tb-50px {padding-top:50px;padding-bottom:50px;}
.pad-tb-75px {padding-top:75px;padding-bottom:75px;}
.marg-r-10px {margin-right:10px;}
.marg-r-20px {margin-right:20px;}
.marg-r-30px {margin-right:30px;}
.marg-r-40px {margin-right:40px;}
.marg-r-50px {margin-right:50px;}
.marg-l-10px {margin-left:10px;}
.marg-l-20px {margin-left:20px;}
.marg-l-30px {margin-left:30px;}
.marg-l-40px {margin-left:40px;}
.marg-l-50px {margin-left:50px;}
.marg-b-10px{margin-bottom:10px}
.marg-b-20px{margin-bottom:20px}
.marg-b-30px{margin-bottom:30px}
.marg-b-50px{margin-bottom:50px}
.marg-b-75px{margin-bottom:75px}
.marg-b-100px{margin-bottom:100px}
.marg-t-10px {margin-top:10px;}
.marg-t-20px {margin-top:20px;}
.marg-t-30px {margin-top:30px;}
.marg-t-40px {margin-top:40px;}
.marg-t-50px {margin-top:50px;}
.marg-t-b-0 {margin:0;}
.marg-tb-10px {margin-top:10px;margin-bottom:10px;}
.marg-tb-20px {margin-top:20px;margin-bottom:20px;}
.marg-tb-30px {margin-top:30px;margin-bottom:30px;}
.marg-tb-40px {margin-top:40px;margin-bottom:40px;}
.marg-tb-50px {margin-top:50px;margin-bottom:50px;}
.marg-tb-75px {margin-top:75px;margin-bottom:75px;}
.marg-tb-100px {margin-top:100px;margin-bottom:100px;}


/* ==========================================================================
   =GRID
   ========================================================================== */

.stack {
  /* A set of grid items must be in a stack.
  Use sympl-stack when you want a margin at the bottom */
  clear: both;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
 }

.stack-sympl {
  padding-bottom: 1.5em;
}

.stack-clean {
  padding-bottom: 0;
  padding-top: 1.5em;
}

.stack-clean .sympl {
  padding-bottom: 1.5em;
}

.sympl {
  /* Each grid item should have the sympl class, along with at least one class for size */
  float: left;
  padding: 0 0 0 1.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.stack:before,
.stack:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.stack:after {
  clear: both;
}

.full {width:100%;}
.col-1-2, .col-2-4, .col-3-6 {width: 50%;}
.col-1-3, .col-3-6 {width: 33.333333%;}
.col-2-3, .col-4-6 {width: 66.666666%;}
.col-1-4 {width: 25%;}
.col-3-4 {width: 75%;}
.col-1-5 {width: 20%;}
.col-2-5 {width: 40%;}
.col-3-5 {width: 60%;}
.col-4-5 {width: 80%;}
.col-1-6 {width: 16.666666%;}
.col-5-6 {width: 83.333333%;}
/* L stands for large. L styles get triggered at 60em, that is, 960px */
@media (max-width: 60em) {
  .l-full {width: 100%;}
  .l-1-2, .l-2-4, .l-3-6 {width: 50%;}
  .l-1-3, .l-2-6 {width: 33.333333%;}
  .l-2-3, .l-4-5 {width: 66.666666%;}
  .l-1-4 {width: 25%;}
  .l-3-4 {width: 75%;}
  .l-1-5 {width: 20%;}
  .l-2-5 {width: 40%;}
  .l-3-5 {width: 60%;}
  .l-4-5 {width: 80%;}
  .l-1-6 {width: 16.666666%;}
  .l-5-6 {width: 83.333333%;}
  .hide-l-and-below {display: none;visibility: hidden;}
  .show-l-and-below {display: block;visibility: visible;}
}
@media (max-width: 60em) and (min-width: 45em) {
  .hide-on-l {display: none;visibility: hidden;}
.show-on-l {display: block;visibility: visible;}
}
/* M stands for medium. M styles get triggered at 45em, that is, 720px */
@media (max-width: 45em) {
  .m-full {width: 100%;}
  .m-1-2, .m-2-4 {width: 50%;}
  .m-1-3 {width: 33.333333%;}
  .m-2-3 {width: 66.666666%;}
  .m-1-4 {width: 25%;}
  .m-3-4 {width: 75%;}
  .hide-m-and-below {display: none;visibility: hidden;}
  .show-m-and-below {display: block;visibility: visible;}
  .m-pad-0 {padding:0;}
  .m-pad-5px {padding:5px;}
  .m-pad-10px {padding:10px;}
  .m-pad-20px {padding:20px;}
  .m-pad-30px {padding:30px;}
  .m-pad-40px {padding:40px;}
  .m-pad-50px {padding:50px;}
  .m-pad-r-0 {padding-right:0;}
  .m-pad-r-10px {padding-right:10px;}
  .m-pad-r-20px {padding-right:20px;}
  .m-pad-r-30px {padding-right:30px;}
  .m-pad-r-40px {padding-right:40px;}
  .m-pad-r-50px {padding-right:50px;}
  .m-pad-l-0px {padding-left:0;}
  .m-pad-l-10px {padding-left:10px;}
  .m-pad-l-20px {padding-left:20px;}
  .m-pad-l-30px {padding-left:30px;}
  .m-pad-l-40px {padding-left:40px;}
  .m-pad-l-50px {padding-left:50px;}
  .m-pad-s-0 {padding-right:0;padding-left:0;}
  .m-pad-s-10px {padding-right:10px;padding-left:10px;}
  .m-pad-s-20px {padding-right:20px;padding-left:20px;}
  .m-pad-s-30px {padding-right:30px;padding-left:30px;}
  .m-pad-t-0 {padding-top:0;}
  .m-pad-t-10px {padding-top:10px;}
  .m-pad-t-20px {padding-top:20px;}
  .m-pad-t-30px {padding-top:30px;}
  .m-pad-t-40px {padding-top:40px;}
  .m-pad-b-0 {padding-bottom:0;}
  .m-pad-b-10px {padding-bottom:10px;}
  .m-pad-b-20px {padding-bottom:20px;}
  .m-pad-b-30px {padding-bottom:30px;}
  .m-pad-b-40px {padding-bottom:40px;}
  .m-pad-tb-0 {padding-top:0;padding-bottom:0;}
  .m-pad-tb-10px {padding-top:10px;padding-bottom:10px;}
  .m-pad-tb-20px {padding-top:20px;padding-bottom:20px;}
  .m-marg-tb-30px {padding-top:30px;padding-bottom:30px;}
  .m-marg-tb-40px {padding-top:40px;padding-bottom:40px;}
  .m-marg-tb-50px {padding-top:50px;padding-bottom:50px;}
  .m-marg-t-0 {margin-top:0;}
  .m-marg-t-10px {margin-top:10px;}
  .m-marg-t-20px {margin-top:20px;}
  .m-marg-t-30px {margin-top:30px;}
  .m-marg-t-40px {margin-top:40px;}
  .m-marg-b-0 {margin-bottom:0;}
  .m-marg-b-10px {margin-bottom:10px;}
  .m-marg-b-20px {margin-bottom:20px;}
  .m-marg-b-30px {margin-bottom:30px;}
  .m-marg-b-40px {margin-bottom:40px;}
  .m-marg-tb-0 {margin-top:0;margin-bottom:0;}
  .m-marg-tb-10px {margin-top:10px;margin-bottom:10px;}
  .m-marg-tb-20px {margin-top:20px;margin-bottom:20px;}
  .m-marg-tb-30px {margin-top:30px;margin-bottom:30px;}
  .m-marg-tb-40px {margin-top:40px;margin-bottom:40px;}
  .m-marg-tb-50px {margin-top:50px;margin-bottom:50px;}
}

@media (max-width: 45em) and (min-width: 30em) {
  .hide-on-m {display: none;visibility: hidden;}
  .show-on-m {display: block;visibility: visible;}
}
/* S stands for small. S styles get triggered at 30em, ie, 480px */
@media (max-width: 30em) {
  .sympl {width: 100%;}
  .s-full {width: 100%;}
  .s-1-2, .s-2-4 {width: 50%;}
  .s-1-3 {width: 33.333333%;}
  .s-2-3 {width: 66.666666%;}
  .hide-on-s {display: none;visibility: hidden;}
  .show-on-s {display: block;visibility: visible;}
}


/*add styles below for quick hack or debug*/

span.dropt {border-bottom: thin dotted; background: #ffeedd;}
span.dropt:hover {text-decoration: none; background: #ffffff; z-index: 6; }
span.dropt span {position: absolute; left: -9999px;
  margin: 0px 0 0 0px; padding: 0px 0px 0px 0px;
  border-style:solid; border-color:black; border-width:1px; z-index: 6;}
span.dropt:hover span {left: 2%; background: #ffffff;} 
span.dropt span {position: absolute; left: -9999px;
  margin: 0px 0 0 0px; padding: 0px 0px 0px 0px; 
  border-style:solid; border-color:black; border-width:1px;}
span.dropt:hover span {margin: -70px 0 0 170px; background: #ffffff; z-index:6;} 

.page-id-1115 input {
   
    border: 0;
    
}

.click-here {
	position: relative;
	color: #f37043;
}

.click-here::before {
	content: url("https://www.learningaboutdiabetes.org/wp-content/uploads/click-here.png");
	position: absolute;
	left: -37px;
	bottom: 0;
}
span.wpcf7-list-item { display: block; }
input[type="checkbox"] {width:auto;display:inline-block;}