/* Example:
 * 
 * 
 * 
 * etc.
*/

ul.outline {
	list-style-type: none;
}

ul.outline li.l0 {
	margin-top: .5em;
	margin-left: 1em;
}
ul.outline li.l1 {
	margin-left: 3em;
}
ul.outline li.l2 {
	margin-left: 5em;
}
ul.outline li.l3 {
	margin-left: 7em;
}
ul.outline li.l4 {
	margin-left: 9em;
}

/*
A pull quote. Put it at the top of the paragraph (above the paragraph text). It floats right and is pushed down a couple lines, with
text flowing around it.
    
    
            pull quote text.
    
    paragraph text

Note that you need to nest a second div within the outer one. That inner div may not have
sibling divs, but it can contain other divs if you like.

In the following implementation, the :before in the outer div effectively injects a block at the top of
the div. The block floats, and clears right, so subsequent floats will
go below, rather than next to, it. The height of this "strut" is the
amount the pull quote is pushed down. 
*/
.pull-quote {
}
.pull-quote:before {
  content: "" ;
  display:block;
  float: right;
  height: 3em;
  width: 0px;
  clear: right;
}
.pull-quote > div {
    font-size: 16pt;
    font-weight: lighter !important;
    color: white;
    clear: right;
    width: 40%;
    background-color:#830020;
    border-radius:4px;
    padding: .75em 1em .75em 1.25em;
    margin: .25em 0em .25em 0em;
    position: relative;
    right: -1em;
    float: right;
}
@media screen and (max-width: 620px) {
	.pull-quote > div {
	    font-size: 16pt;
	    right: 0em;
	}
}
@media screen and (max-width: 500px) {
	.pull-quote > div {
	    font-size: 12pt;
	}
}

/* Woo Discount Rules */

div.awdr_discount_bar_content {
  font-weight: bold;
}