/*
	Theme Name: Aaron Bare 2022 V2
	Theme URI: https://aaronbare.com
	Description: Custom theme made for Aaron Bare
	Version: 2.0
	Author: Jonathan Joseph Limoanco (jonathan@bluenimbus.com)
	Author URI: https://bluenimbus.com
	Tags: HTML5, CSS3, Custom
*/

/*------------------------------------*\
	Fonts
\*------------------------------------*/

@font-face {
  font-family: 'avenir next';
  src: url('webfonts/avenir/avenir.woff') format('woff'), 
       url('webfonts/avenir/avenir.ttf') format('truetype');
}
@font-face {
  font-family: 'avenir next bold';
  src: url('webfonts/avenir/avenirbold.woff') format('woff'), 
       url('webfonts/avenir/avenirbold.ttf') format('truetype');
}

/*------------------------------------*\
	Homepage Fix
\*------------------------------------*/

#newhero {
    display: grid;
    grid-template-columns: 425px auto; 
    grid-template-rows: auto; 
    align-items: center; 
    width: 100%; 
    overflow: hidden; 
    width: 100%; 
    margin-left: auto;
    margin-right: auto; 
    width: 1200px; 
    margin-top: 25px; 
    margin-bottom: 25px; 
}
#newhero div.text {

    padding-left: 50px; 
    margin-left: auto;
    margin-right: auto; 
}
#newhero div.text h1 {
    font-size: 55px; 
}
#newhero div.text blockquote {
    padding: 0px; 
    margin-left: 0px; 
    margin-right: 0px; 
}
#newhero div.text blockquote p {
    font-size: 28px; 
    line-height: 38px;
}
#newhero div.text p {
    font-size: 20px; 
    line-height: 28px; 
}
#newhero div.text ul {
    display: grid; 
    grid-template-rows: 1fr;
    grid-template-columns: auto;
    grid-auto-flow: column;
    margin: 0px; 
    padding: 0px; 
    justify-content: flex-start; 
    column-gap: 25px; 
    padding-top: 15px; 
}
#newhero div.text li {
    list-style-type: none; 
    margin: 0px; 
    padding: 0px; 
}
#newhero div.text li a {
    background-color: #000;
    color: #fff;
    display: inline-block;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 9px;
    padding-bottom: 9px;
    font-weight: normal;
    font-size: 18px; 
}
#newhero div.img {

}
#newhero div.img img {
    width: 100%;
    height: 550px; 
    position: relative;
    left: 50%;
    transform: translate(-50%);
    object-fit: cover;
    object-position: top; 
    align-self: flex-start; 
    display: block; 
}


/*------------------------------------*\
	General
\*------------------------------------*/

body, html {
    margin: 0px; 
    padding: 0px; 
    width: 100%;
    overflow-x: hidden; 
    font-size: 16px; 
    line-height: 24px; 
    font-family: "avenir next"; 
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal; 
    font-family: "avenir next bold"; 
    line-height: 100%; 
}
div.inside {
    width: 1200px;
    margin-left: auto;
    margin-right: auto; 
}
input[type="email"] {
    border: 1px solid rgba(0,0,0,0.35); 
    background-color: rgba(0,0,0,0.05); 
}
input[type="submit"] {
    border: 1px solid rgba(0,0,0,1); 
    background-color: #000;
    color: #fff; 
    text-transform: uppercase; 
    font-family: "avenir next bold"; 
}
a {
    text-decoration: none; 
}

/*------------------------------------*\
	Background Colors
\*------------------------------------*/


#books {
    background-color: #e2e2e2; 
}
#books.inner {
    background-color: #fff; 
}

/*------------------------------------*\
	Header
\*------------------------------------*/

#header div.inside {
    padding-top: 15px; 
    padding-bottom: 25px; 
    display: grid;
    grid-template-columns: 30% auto; 
    align-items: center; 
}
#nav ul {
    display: grid;
    grid-template-columns: repeat(6,auto); 
    justify-content: space-between; 
    margin: 0px; 
    padding: 0px; 
    column-gap: 50px; 
}
#nav li {
    list-style-type: none; 
    margin: 0px; 
    padding: 0px; 
}
#nav li a {
    color: #000;
    font-size: 120%; 
}

/*------------------------------------*\
	Hero
\*------------------------------------*/

#hero {
    position: relative; 
    z-index: 0; 
    margin-top: 40px; 
	width: 100%;
}

#hero div.inside {
    display: grid;
    grid-template-columns: 35% auto; 
    align-content: center; 
    column-gap: 100px; 
}
#hero h1 {
    font-size: 400%; 
    margin-bottom: 9px; 
    margin-top: 75px; 
}
#hero blockquote {
    margin-left: 0px; 
    margin-right: 0px; 
    font-size: 170%; 
    line-height: 170%; 
}
#hero p {
    font-size: 135%; 
    line-height: 160%; 
}
#hero div.right ul {
    display: grid;
    grid-template-columns: repeat(3, auto); 
    justify-content: flex-start; 
    margin: 0px; 
    padding: 0px; 
    column-gap: 25px; 
    margin-top: 30px; 
}
#hero div.right li {
    list-style-type: none; 
    margin: 0px; 
    padding: 0px; 
}
#hero div.right li a {
    background-color: #000;
    color: #fff;
    font-size: 110%; 
    display: inline-block; 
    padding-left: 60px; 
    padding-right: 60px; 
    padding-top: 15px; 
    padding-bottom: 15px; 
    font-weight: normal; 
}

/*------------------------------------*\
	Pods
\*------------------------------------*/

#pods {
    position: relative;
    z-index: 5; 
    top: 50px ;
}
#pods div.inside {
    padding-bottom: 75px; 
}
#pods ul {
    display: grid; 
    grid-template-columns: repeat(3,auto); 
    margin: 0px; 
    padding: 0px; 
    justify-content: space-between; 
}
#pods li {
    list-style-type: none; 
    margin: 0px; 
    padding: 0px; 
}
#pods li img {
    margin-bottom: 10px; 
    display: block; 
}
#pods li a {
    text-transform: uppercase;
    color: #000; 
    font-family: "avenir next bold"; 
}

/*------------------------------------*\
	Book
\*------------------------------------*/

#books div.inside {
    padding-top: 65px; 
    padding-bottom: 75px; 
}
#books div.top {
    text-align: center; 
}
#books div.top em {
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 7px;
    font-size: 80%; 
    display: block; 
}
#books div.top blockquote {
    font-family: georgia; 
    font-weight: 500; 
    font-size: 300%; 
    margin-left: 0px; 
    margin-right: 0px; 
    margin-top: 25px; 
    margin-bottom: 55px; 
}
#books div.bottom {
    display: grid;
    grid-template-columns: 25% auto 25%; 
    column-gap: 30px; 
    align-items: center; 
}
#books div.bottom div {
    text-align: center; 
}
#books div.bottom h2 {
    font-size: 210%; 
    margin-top: 0px; 
    margin-bottom: 15px; 
    line-height: 120%; 
}
#books div.bottom strong {
    font-weight: normal; 
    font-size: 150%; 
    display: block; 
    margin-bottom: 35px; 
}
#books div.bottom p {
    font-size: 130%;
    line-height: 180%;
}
#books div.bottom ul {
    display: grid;
    grid-template-columns: repeat(2, auto); 
    justify-content: space-around; 
    margin-left: auto;
    margin-right: auto; 
    padding: 0px; 
    column-gap: 25px; 
    margin-top: 30px; 
    width: 90%; 
}
#books div.bottom li {
    list-style-type: none; 
    margin: 0px; 
    padding: 0px; 
}
#books div.bottom li a {
    background-color: #000;
    color: #fff;
    font-size: 115%; 
    display: inline-block; 
    padding-left: 60px; 
    padding-right: 60px; 
    padding-top: 15px; 
    padding-bottom: 15px; 
    font-weight: normal; 
}

/*------------------------------------*\
	Newsletter
\*------------------------------------*/

#newsletter  {
    text-align: center; 
}
#newsletter div.inside {
    padding-top: 90px; 
    padding-bottom: 30px; 
}
#newsletter div.inside h3  {
    font-weight: normal; 
    font-family: 'avenir next';
    text-transform: uppercase; 
    font-size: 180%; 
    letter-spacing: 2px; 
    margin-bottom: 30px; 
    margin-top: 0px; 
}
#newsletter input[type="email"] {
    font-size: 150%; 
    padding-left: 30px; 
    padding-right: 30px; 
    padding-top: 15px; 
    padding-bottom: 15px; 
    border: none; 
    background-color:#e2e2e2 ; 
}
#newsletter input[type="submit"] {
    font-size: 145%;
    padding-top: 15px;
    padding-bottom: 13px;
    position: relative;
    margin-left: -9px;
    /* bottom: -1px; */
    padding-left: 40px;
    padding-right: 40px;
    cursor: pointer;
    position: relative;
}

/*------------------------------------*\
	Footer
\*------------------------------------*/

#footer {
    padding-top: 50px; 
}

#footer div.inside {
    border-top: 1px solid rgba(0,0,0,0.10); 
    text-align: center; 
    padding-top: 30px; 
}
#footer ul {
    display: grid;
    grid-template-columns: repeat(9,auto);
    width: 50%; 
    margin-left: auto;
    margin-right: auto; 
    padding: 0px; 
    justify-content: space-evenly; 
    margin-bottom: 40px; 
}
#footer li {
    list-style-type: none; 
    margin: 0px; 
    padding: 0px; 
}
#footer a {
    color: rgba(0,0,0,0.5); 
}
#footer p {
    font-size: 90%; 
    line-height: 100%; 
    color: rgba(0,0,0,0.5); 
}
#footer img {
    margin-bottom: 50px; 
    margin-top: 20px; 
}



/*------------------------------------*\
	Slider
\*------------------------------------*/


div.royalSlider {
    position: relative;
    z-index: 0; 
}

.rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsVideoFrameHolder, .rsUni .rsThumbs {
    background: #fff !important;
    color: #000 !important; 
}


/*------------------------------------*\
	Gravity
\*------------------------------------*/


#newsletter form {
    display: grid; 
    grid-template-columns: auto auto; 
    align-items: flex-end; 
    width: 600px; 
    margin-left: auto;
    margin-right: auto;
}
#newsletter form div {
    margin: 0px; 
    padding: 0px; 
}
#newsletter form input {
    margin-bottom: 0px; 
}


/*------------------------------------*\
    Content Inside Standard
\*------------------------------------*/

#insidehero {
    width: 100%; 
    max-height: 700px; 
    overflow-y: hidden; 
}
#insidehero img {
    width: 100%;
    height: auto; 
}
#content.inner div.inside {
    padding-top: 100px; 
    width: 800px; 
    padding-bottom: 50px; 
    font-size: 120%; 
    line-height: 150%; 
}
#content.inner div.thetitle {
    text-align: center; 
}
#content.inner div.thetitle h1 {
    font-size: 300%; 
    margin-top: 0px; 
    margin-bottom: 30px; 
}
#content.inner div.thetitle hr {
    width: 75px; 
    margin-left: auto;
    margin-right: auto; 
    border-top: 7px solid #000; 
    border-left: none; 
    border-right: none; 
    border-bottom: none; 
    margin-bottom: 90px; 
}
#content.inner input {
    border: 1px solid rgba(0,0,0,0.15); 
    font-size: 120%; 
}

#content.inner textarea {
    border: 1px solid rgba(0,0,0,0.15); 
    font-size: 120%; 
}
#content.inner input[type="submit"] {
    font-size: 80%;
    padding-top: 15px;
    padding-bottom: 13px;
    position: relative;
    /* bottom: -1px; */
    padding-left: 40px;
    padding-right: 40px;
    cursor: pointer;
    position: relative;
}

/*------------------------------------*\
    Blog
\*------------------------------------*/

#content.inner div.blog {
    padding-top: 50px; 
    width: 1100px; 
    padding-bottom: 50px; 
    font-size: 120%; 
    line-height: 150%; 
}
#content.inner span.the_date {
    background-color: #233154; 
    color: #fff; 
    text-transform: uppercase;
    font-size: 70%; 
    padding-left: 15px; 
    padding-right: 15px; 
    padding-top: 3px; 
    padding-bottom: 3px; 
    display: inline-block; 
    margin-bottom: 30px; 
}
#content.inner div.bloginner {
    width: 850px; 
}
#content.inner div.bloginner a {
    color: #233154 !important; 
    
}
#content.inner div.bloginner hr.the_bio {
    margin-top: 100px; 
    padding-top: 75px; 
    width: 75px; 
    border-top: 1px solid rgba(0,0,0,0.25);  
    border-left: none; 
    border-right: none;
    border-bottom: none;  
}
.saboxplugin-wrap {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px 0px;
    opacity: 0.85;
    width: 75% !important;
    margin-left: auto;
    margin-right: auto;
}

/*------------------------------------*\
    About Page
\*------------------------------------*/

#content.inner div.about {
    width: 825px; 
}
#content.inner div.about img.alignright {
    position: relative;
    margin-right: -60px; 
    margin-left: 30px; 
}
#content.inner div.about img.alignnone {
    width: 100%;
    height: auto; 
    margin-left: auto;
    margin-right: auto; 
}
#content.inner div.about img.alignleft {
    position: relative;
    margin-left: -60px; 
    margin-right: 30px;
}
#content.inner div.about p:first-letter {
    font-size: 150%; 
    font-family: georgia; 
}


#content.inner div.about blockquote {
    font-size: 180%; 
    line-height: 120%; 
    margin-left: 0px; 
    margin-right: 0px; 
    border-top: 2px solid rgba(0,0,0,0.15); 
    border-bottom: 2px solid rgba(0,0,0,0.15); 
    font-family: georgia; 
    font-style: italic; 
    font-weight: normal; 
}

/*------------------------------------*\
    Facilitator Page
\*------------------------------------*/

#content.inner div.fac {
    width: 750px; 
}
#content.inner div.fac img {
    max-width: 100%;
    height: auto; 
}
#content.inner div.fac blockquote {
    font-size: 180%; 
    line-height: 120%; 
    margin-left: 0px; 
    margin-right: 0px; 
    font-family: georgia; 
    font-style: italic; 
    font-weight: normal; 
}
#content.inner div.fac blockquote em {
    display: block; 
    text-transform: uppercase;
    font-size: 40%; 
    font-style: normal; 
    text-align: right; 
    padding-right: 50px; 
    padding-top: 20px; 
}
#content.inner div.fac img.alignleft {
    position: relative;
    margin-left: -150px; 
    margin-right: 15px; 
}
#content.inner div.fac hr.divider {
    width: 30px; 
    margin-left: 0px; 
    margin-right: auto; 
    border-top: 3px solid #000;
    margin-top: 20px; 
    margin-bottom: 50px; 
}
#content.inner div.fac div.intro {
    font-size: 120%; 
    line-height: 150%; 
}
#content.inner div.fac div.intro h3 {
    font-size: 150%; 
}
#content.inner div.fac div.nudgeleft {
    margin-top: 35px; 
    margin-bottom: 25px; 
    background-color: #f1f1f1; 
    padding-left: 25px; 
    padding-right: 25px; 
    padding-top: 15px; 
    padding-bottom: 15px; 
}
#content.inner div.fac div.nudgeleft img.alignright {
    position: relative;
    margin-right: -120px; 
    margin-left: 25px; 
}
#content.inner div.fac hr.maindivider {
    width: 75px;
    margin-left: auto;
    margin-right: auto;
    border-top: 6px solid #000;
    border-left: none;
    border-right: none;
    border-bottom: none;
    margin-bottom: 90px;
    margin-top: 90px; 
}
#content.inner div.fac h4 {
    font-size: 250%; 
    text-align: center; 
    width: 70%;
    margin-left: auto;
    margin-right: auto; 
}
#content.inner div.fac div.intro01 {
    background-color: #000; 
    color: #fff;
    font-size: 125%; 
    line-height: 150%; 
    padding-left: 20px; 
    padding-right: 20px; 
    padding-top: 25px; 
    padding-bottom: 25px; 
    width: 300px; 
    float: left; 
    margin-right: 20px; 
    position: relative;
    margin-left: -100px; 
    margin-top: -20px; 
}
#content.inner div.fac div.list01 {
    background-color: #f1f1f1; 
    padding-left: 20px; 
    padding-right: 20px; 
    padding-top: 30px; 
    padding-bottom: 30px; 
    text-align: center; 
    margin-bottom: 50px; 
}
#content.inner div.fac div.list01 p {
    width: 75%; 
    margin-left: auto;
    margin-right: auto; 
}
#content.inner div.fac div.list01 ul {
    display: grid;
    grid-template-columns: repeat(5,1fr); 
    padding: 0px; 
    margin: 0px; 
    column-gap: 15px; 
    position: relative;
    margin-bottom: -50px; 
}
#content.inner div.fac div.list01 ul li {
    list-style-type: none; 
    margin: 0px; 
    padding: 0px; 
    background-color: #222; 
    color: #fff;
    text-align: center; 
    font-size: 80%; 
    line-height: 120%; 
    padding-top: 9px; 
    padding-bottom: 9px; 
    padding-left: 9px; 
    padding-right: 9px; 
}
#content.inner div.fac div.intro02 ul {
    column-count: 2; 
    column-gap: 40px; 
    column-rule: 1px solid rgba(0,0,0,0.15);
    margin: 0px; 
    padding: 0px; 
}
#content.inner div.fac div.intro02 ul ul {
    column-count: 1; 
    padding-left: 35px; 
}
#content.inner div.fac div.intro02 ul li {
    list-style-type: none; 
    margin-top: 9px; 
    margin-bottom: 9px; 
}
#content.inner div.fac div.intro02 ul li ul li {
    list-style-type: square; 
}
#content.inner div.fac div.intro02 strong {
    text-align: center; 
    display: block;
    font-size: 150%; 
    font-family: "avenir next bold";
    margin-top: 50px; 
    margin-bottom: 50px; 
}
#content.inner div.fac div.intro03 div.callout {
    background-color: #000;
    color: #fff;
    font-size: 135%;
    line-height: 150%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 25px;
    padding-bottom: 25px;
    width: 300px;
    float: right;
    margin-left: 20px;
    margin-bottom: 20px; 
    position: relative;
    margin-right: -100px;
    margin-top: -20px;
}
#content.inner div.fac div.intro03 div.callout strong {
    display: block;
}
#content.inner div.fac div.intro03 img.alignleft {
    position: relative;
    margin-left: -100px; 
    margin-right: 20px; 
}
#content.inner div.fac div.intro04 img  {
    width: 100%; 
    height: auto; 
}
#content.inner div.fac div.intro04 div.callout {
    width: 300px; 
    float: left; 
    background-color: #000;
    color: #fff;
    font-size: 100%;
    line-height: 130%; 
    padding-left: 20px; 
    padding-right: 20px; 
    padding-top: 30px; 
    padding-bottom: 10px; 
    text-align: center; 
    margin-right: 20px; 
    position :relative;
    margin-left: -50px; 
    margin-bottom: 30px; 
}
#content.inner div.fac div.intro04 ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 50px; 
    align-items: flex-start; 
    padding: 0px; 
    margin: 0px; 
    margin-bottom: 30px; 
    border: 1px solid rgba(0,0,0,0.15); 
    padding-top: 30px; 
    padding-bottom: 30px; 
    padding-left: 20px; 
    padding-right: 20px; 
}
#content.inner div.fac div.intro04 li {
    list-style-type: none; 
    padding: 0px; 
    margin: 0px; 
    font-size: 80%; 
    line-height: 150%; 
    text-align: center; 
}
#content.inner div.fac div.intro04 li img {
    height: 80px; 
    width: auto; 
    display: block;
    margin-left: auto;
    margin-right: auto; 
    margin-bottom: 0px; 
}
#content.inner div.fac div.intro05 img.alignright {
    width: 300px; 
    height: auto;
    position: relative;
    margin-right: -50px; 
    margin-left: 0px; 
}
#content.inner div.fac div.intro05 img.alignleft {
    width: 600px; 
    position: relative;
    margin-left: -100px; 
}
#content.inner div.fac div.intro05 ol {
    column-count: 2; 
}

/*------------------------------------*\
    Book Page
\*------------------------------------*/

#content.inner div.book {
    width: 800px; 
    padding-top: 0px; 
}
#content.inner div.book blockquote {
    font-size: 220%; 
    line-height: 120%; 
    margin-left: 0px; 
    margin-right: 0px; 
    margin-top: 0px; 
    font-family: georgia; 
    font-style: italic; 
    font-weight: normal; 
}
#content.inner div.book div.intro {
    font-size: 115%; 
    line-height: 150%;  
    text-align: center; 
}
#content.inner div.book div.rsCaption {
    padding-left: 50px; 
    padding-right: 50px; 
    border-top: 1px solid rgba(0,0,0,0.15); 
    border-bottom: 1px solid rgba(0,0,0,0.15); 
    margin-top: 20px; 
    margin-bottom: 70px; 
    padding-bottom: 40px; 
    width: 75%; 
    margin-left: auto;
    margin-right: auto; 
}
#content.inner div.book div.rsCaption h3 {
    text-align: center; 
    font-family: georgia; 
    font-size: 200%; 
    margin-bottom: 9px; 
    font-style: italic; 
}
#content.inner div.book div.rsCaption hr {
    border-top: 5px solid #233154;
    border-left: none; 
    border-right: none;
    border-bottom: none; 
    width: 50px; 
    margin-left: auto;
    margin-right: auto; 
    margin-top: 30px; 
    margin-bottom: 30px; 
    display: block; 
}
#content.inner div.book div.rsCaption p {
    text-align: center; 
    font-family: georgia; 
    font-size: 90%; 
}
#content.inner div.book div.theoutline {
    width: 80%; 
    margin-left: auto;
    margin-right: auto; 
}
#content.inner div.book div.theoutline div.left {
    text-align: right; 
}
#content.inner div.book div.theoutline h1 {
    margin-top: 0px; 
    text-transform: uppercase; 
    font-size: 70%; 
    margin-bottom: 0px; 
    letter-spacing: 10px; 
    text-align: center; 
}
#content.inner div.book div.theoutline h2 {
    font-weight: normal; 
    font-size: 200%; 
    text-align: center; 
    margin-top: 9px; 
}
#content.inner div.book div.theoutline strong {
    text-decoration: underline; 
    font-weight: bold; 
}
#content.inner div.book hr.divider {
     border-top: 5px solid #233154;
    border-left: none; 
    border-right: none;
    border-bottom: none; 
    width: 50px; 
    margin-left: auto;
    margin-right: auto; 
    margin-top: 70px; 
    margin-bottom: 70px; 
    display: block;
}

#content.inner div.book div.quoteleft  {
    width: 80%; 
    margin-left: auto; 
    margin-right: auto; 
}
#content.inner div.book div.quoteleft h1 {
    font-size: 250%; 
}
#content.inner div.book div.quoteleft h1 em {
    font-size: 40%;
    text-transform: uppercase;
    letter-spacing: 10px; 
    display: block; 
    font-style: normal; 
    font-family: 'avenir next';
}
#content.inner div.book div.quoteleft blockquote {
    border: none; 
    background-color: #222;
    color: #fff; 
    padding-left: 30px; 
    padding-right: 30px; 
    padding-top: 15px; 
    padding-bottom: 15px; 
    width: 250px; 
    float: left; 
    margin-top: 0px; 
    margin-bottom: 0px; 
    position: relative;
    margin-left: -100px; 
    margin-right: 30px; 
    text-align: center; 
    margin-bottom: 30px; 
    font-size: 120%; 
    line-height: 150%; 
}
#content.inner div.book div.quoteleft blockquote i {
    display: block;
    text-align: center; 
    font-size: 200%; 
}
#content.inner div.book div.quoteleft blockquote em {
    display: block;
    font-size: 50%; 
}
#content.inner div.book div.quoteleft blockquote.tiny {
    font-size: 90%; 
}


#content.inner div.book div.quoteright  {
    width: 80%; 
    margin-left: auto; 
    margin-right: auto; 
}
#content.inner div.book div.quoteright h1 {
    font-size: 250%; 
}
#content.inner div.book div.quoteright h1 em {
    font-size: 40%;
    text-transform: uppercase;
    letter-spacing: 10px; 
    display: block; 
    font-style: normal; 
    font-family: 'avenir next';
}
#content.inner div.book div.quoteright blockquote {
    border: none; 
    background-color: #222;
    color: #fff; 
    padding-left: 30px; 
    padding-right: 30px; 
    padding-top: 15px; 
    padding-bottom: 15px; 
    width: 250px; 
    float: right; 
    margin-top: 0px; 
    margin-bottom: 0px; 
    position: relative;
    margin-right: -100px; 
    margin-left: 30px; 
    text-align: center; 
    margin-bottom: 30px; 
    font-size: 120%; 
    line-height: 150%; 
}
#content.inner div.book div.quoteright blockquote i {
    display: block;
    text-align: center; 
    font-size: 200%; 
}
#content.inner div.book div.quoteright blockquote em {
    display: block;
    font-size: 50%; 
}

/*------------------------------------*\
    Special Button
\*------------------------------------*/

div.specialbutton {
    width: 100%;
    text-align: center; 
    padding-top: 90px; 
}
div.specialbutton a {
    font-size: 120%;
    padding-top: 15px;
    padding-bottom: 13px;
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
    background-color: #000;
    color: #fff; 
}




/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

/*------------------------------------*\
    Responsive Code 
\*------------------------------------*/

@media all and (max-width: 999px) {
    body, html {
        min-width: 10px; 
        width: 100%; 
        overflow-x: hidden; 
    }
    #header div.inside {
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
    }
    #nav {
        display: none; 
    }
    #logo img {
        margin-top: 15px; 
        max-width: 200px; 
    }
    #content.inner div.inside {
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
        padding-top: 25px; 
    }
    div.inside {
        width: 90%; 
        margin-left: auto;
        margin-right: auto; 
    }
    #newsletter form  {
        display: block; 
        width: 90%; 
        text-align: center; 
    }
    #newsletter input[type="submit"] {
        margin-top: 9px; 
        margin-left: 0px; 
    }
    #footer div.inside ul {
        display: none; 
    }
    #content.inner div.fac div.nudgeleft img.alignright {
        position: relative;
        margin-right: 0px;
        margin-left: 0px;
    }
    #content.inner div.fac div.intro01 {
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
        margin-bottom: 20px; 
        float: none; 
    }
    #content.inner div.fac div.list01 ul {
        margin-bottom: 0px; 
        display: block; 
    }
    #content.inner div.fac div.list01 ul li {
        margin-bottom: 5px; 
        margin-top: 5px; 
    }
    #content.inner div.fac div.intro02 ul {
        column-count: 1; 
    }
    #content.inner div.fac div.intro03 div.callout {
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
        margin-bottom: 20px; 
        float: none; 
    }
    #content.inner div.fac div.intro03 img.alignleft {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px; 
        margin-bottom: 20px; 
    }
    #content.inner div.fac div.intro04 div.callout {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px; 
    }
    #content.inner div.fac div.intro05 img.alignright {
        width: 100%;
        margin-right: 0px; 
        margin-left: 0px; 
    }
    #content.inner div.fac div.intro05 img.alignleft {
        width: 100%;
        margin-right: 0px; 
        margin-left: 0px; 
    }
    #content.inner div.fac div.intro05 ol {
        column-count: 1; 
    }
    #books div.top blockquote {
        line-height: 100%; 
    }
    #books div.bottom {
        display: block; 
    }
    #books div.bottom div.left {
        margin-bottom: 50px; 
    }
    #books div.bottom ul {
        display: block; 
    }
    #books div.bottom ul li {
        margin-top: 9px; 
    }
    #books div.bottom div.right {
        display: none; 
    }
    #content.inner div.inside {
        padding-top: 0px; 
    }
    #content.inner div.book div.quoteleft blockquote {
        width: 80%;
        margin-left: auto;  
        margin-right: auto; 
        float: none; 
        display: block; 
    }
    #content.inner div.book div.theoutline {
        width: 100%; 
    }
    #content.inner div.book div.quoteleft {
        width: 100%; 
    }
    #content.inner div.book div.quoteright {
        width: 100%; 
    }
    #content.inner div.book div.quoteright blockquote {
        width: 80%;
        margin-left: auto;  
        margin-right: auto; 
        float: none; 
        display: block;
    }
    #content.inner div.about img.alignleft {
        margin-left: 0px; 
        margin-right: 0px; 
        width: 100%; 
    }
    #content.inner div.about img.alignright {
        margin-left: 0px; 
        margin-right: 0px; 
        width: 100%;
    }
    
    #pods {
        top: 0px; 
        margin-top: 50px; 
    }
    
    
    #pods ul {
        grid-template-columns: 100%; 
        column-gap: 0px; 
        grid-row-gap: 50px; 
    }
    #pods li img {
        width: 100%; 
    }
    #pods li a {
        font-size: 150%; 
    }
    #hero div.inside {
        grid-template-columns: 100%; 
    }
    #hero div.left {
        grid-row-start: 0; 
        z-index: 1; 
        grid-row-end: 1; 
        grid-column-start: 0; 
        grid-column-end: 1; 
        display: none; 
    }
    #hero h1 {
        margin-top: 0px; 
    }
    #hero div.right ul {
        display: block; 
    }
    #hero div.right li a {
        display: inline-block; 
        margin-top: 9px; 
    }
    #hero div.right {
        grid-row-start: 0; 
        grid-row-end: 1; 
        z-index: 5; 
        grid-column-start: 0; 
        grid-column-end: 1; 
        padding-top: 0px; 
    }
    #hero div.left {
        
    }
    #new-royalslider-1 {
        height: auto !important; 
        display: block; 
    }
    #content.inner div.fac div.intro04 ul {
        grid-template-columns: repeat(2, 1fr); 
        row-gap: 20px;
    }
    
    
  .sfm-label-metro  {
       display: block !important; 
          z-index: 10000; 
          position: absolute !important;
          top: 0 !important;
          right: 0 !important; 
      }
      #sfm-sidebar {
          display: block !important; 
          z-index: 10000; 
          position: absolute !important;
          top: 0 !important;
          right: 0 !important; 
      }
      #sfm-sidebar .sfm-menu li > a:before {
          background: rgba(247,148,29,1) !important;
      }
    
    #newhero {
        display: block; 
        width: 100%; 
    }
    #newhero div.text {
        width: 90%; 
        margin-left: auto;
        margin-right: auto;
        padding: 0px; 
    }
    #newhero div.text ul {
        display: block; 
        margin-left: auto;
        margin-right: auto; 
    }
    #newhero div.text li {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 25px; 
    }
}

#sfm-sidebar {
    display: none; 
}
.sfm-label-metro {
    display: none; 
}