/**
 * @file
 * Overall specifications for Bartik.
 */

html {
  height: 100%;
}
body {
  min-height: 100%;
  line-height: 1.5;
  word-wrap: break-word;
  font-family: Arial;
  font-size: 100%;
}
a,
a.link {
  text-decoration: none;
  color: #006600 !important;
  font-weight: bold;
}
a:hover {
  text-decoration: none;
  color: #660099 !important;
}
a:active,
a:focus,
.link:hover,
.link:active,
.link:focus {
  text-decoration: none;
}
.link {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1 a,
h2 a {
  border-bottom: none;
}
.main-content h2 {
    font-size: 1.429em;
    line-height: 1.4;
}
@media only screen and (max-width: 768px) {
    .main-content h2 { 
       font-size: 1em !important;
       line-height: 1.2em !important; 
    }
}

/**
 * Reusable heading classes are included to help modules change the styling of
 * headings on a page without affecting accessibility.
 */
h1,
.heading-a {
  margin: 0, 0, 0.5em,0 ;
  font-weight: bold;
  font-size: 2em;
  text-align: center;
  color: #006600;
}
h2,
.heading-b {
  font-weight: bold;
  font-size: 1.5em;
  text-align: center;
  color: #006600;
}
h3,
.heading-c {
  margin: .5em 0 0.5em;
  font-weight: inherit;
  font-size: 1.092em;
  color:#006600;
}
h4,
.heading-d {
  margin: 1.0em 0 0.5em;
  font-weight: inherit;
  font-size: 1.05em;
  text-align: center;
  color: #006600;
}
h5,
.heading-e {
  margin: 1.0em 0 0.5em;
  font-weight: inherit;
  font-size: 0.889em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
h5.store {
  margin: 1.0em 0 0.5em;
  font-weight: bold;
  font-size: 0.889em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-align: center;
}
h6,
.heading-f {
  margin: 1.0em 0 0.5em;
  font-weight: inherit;
  font-size: 0.67em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
p {
  margin: 0 0 1.2em;
}
p.returncenter {
  text-align: center;
  padding: 0;
  margin: 0;
}
del {
  text-decoration: line-through;
}

blockquote {
  background: #f7f7f7;
  border-left: 1px solid #bbb; /* LTR */
  font-style: italic;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
}
[dir="rtl"] blockquote {
  border-left: none;
  border-right: 1px solid #bbb;
}
blockquote:before {
  color: #bbb;
  content: "\201C";
  font-size: 3em;
  line-height: 0.1em;
  margin-right: 0.2em; /* LTR */
  vertical-align: -0.4em;
}
[dir="rtl"] blockquote:before {
  content: "\201D";
  margin-left: 0.2em;
  margin-right: 0;
}
blockquote:after {
  color: #bbb;
  content: "\201D";
  font-size: 3em;
  line-height: 0.1em;
  vertical-align: -0.45em;
}
[dir="rtl"] blockquote:after {
  content: "\201C";
}
blockquote > p:first-child {
  display: inline;
}
/**
 * Styling for Gray Quote block Spiriuality School and other places
 */
div.italquoteblock {
   width: 30%;
   float: left;
   border: none;
   background: #efeff5;
   padding: 2%;
   font-style: italic;
   font-size: 1em;
   text-align: center;
   margin-right: 2%;
}
@media screen and (max-width: 768px) {
    div.italquoteblock {
    width: 100%;
    float: left;
    }
}
.feed-icon {
  display: block;
  margin: 25px 0 0 0;
}
img {
  max-width: 100%;
  height: auto;
}
ul, ol {
  padding: 1 0 .25em 1em; /* LTR */
}
[dir="rtl"] ul,
[dir="rtl"] ol {
  padding: 0 1em 0.25em 0;
}
ol ol,
ul ul {
  margin: 0;
  padding: 0 0 0.25em 1em; /* LTR */
}
[dir="rtl"] ol ol,
[dir="rtl"] ul ul {
  padding: 0 1em 0.25em 0;
}
/**
 * Styling for Tables
 */
table tr th {
    background: #efeff5  !important;
    text-align: center;
    border: 1px solid #bfbfbf !important;
    border-bottom-style: none;
    color: #660099 !important;
}

table tr th a:hover {
    color: #006600 !important;
    font-weight: bold;
}
table tr th, table tr th a, table tr th a:focus {
    color: #660099 !important;
    font-weight: bold;
}

tr td, tr {
    padding: 4px 9px;
    border: 1px solid #bfbfbf;
    text-align: left;
}

td {
   background: #ffffff !important;
}
th.views-align-left {
   text-align: center;
}
th.spec {
   font-size: 1em;
   text-align: center;
   font-weight: normal;
   color: #3b3b3b !important;
   background: #efeff5 !important;
}
td.spec {
   font-size: .8em;
   text-align: center;
   font-weight:normal;
}
td.religions {
   text-align: center;
}
td.views-field.views-field-field-event-image {
   text-align: center;
   width: 100px;
}
/**
 * Styling for Main Navigation Drop-down Menus
 */
.region-primary-menu a {
    background: none !important;
    display: block !important; 
    text-decoration: none !important;
    text-shadow: none !important;
    border-radius: none !important;
    margin: 0 !important; 
    float: none !important;
}
ul.sf-menu.sf-style-default li, ul.sf-menu.sf-style-default.sf-navbar {
   min-width: 20%;
   margin: 0 !important;
   padding: 0 !important;
   background: #660099 !important;
}
ul.sf-menu.sf-style-default li li, ul.sf-menu.sf-style-default.sf-navbar > li > ul > li > a {
   background: #ffffcc !important;
   padding: 0 !important;
   min-width: 275px;
}
a.sf-depth-2.main-nav-links {
   color: #660099 !important;
   text-align: left !important;
   font-size: 1em !important;
   padding: 2% !important;
}
a.sf-depth-2.main-nav-links:hover {
   color: #006600 !important;
}
a.sf-depth-1.main-nav-links {
   color: #ffffff !important;
   padding: 3% !important;
   font-size: 1.2em !important;
   margin: 0;
}
ul.sf-menu.sf-style-default, ul.sf-menu.sf-style-default.span.nolink {
   text-align: center;
   font-weight: bold;
   width: 100%;
}
ul.sf-depth-1.main-nav-links menuparent a, sf-depth-1.main-nav-links menuparent a:visited, ul.sf-menu.sf-style-default span.nolink {
   text-align: center;
   font-weight: bold;
}
ul.sf-menu a, ul.sf-menu span.nolink {
    padding: 0;
}

ul.sf-menu {
   line-height: 1.0;
}
a.sf-depth-1.main-nav-links.menuparent {
   color: #ffffff;
}
a.is-active.sf-depth-1.main-nav-links.menuparent:hover {
    color:#ffffcc !important;
}
a.sf-depth-1.main-nav-links.menuparent:hover {
    color:#ffffcc !important;
}

/**
 * Toggle Button for Small Screens
 */
div.sf-accordion-toggle.sf-style-default {
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   background: #ffffcc;
   font-size: .8em;
}
div.sf-accordion-toggle.sf-style-none {
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 0em 3em 0em 0em;
   font-size: .8em;
}
   div.sf-accordion-toggle.sf-style-none > a:after {
    content: "≡";
    font-size: 2em;
    left: 5%;
    position: relative;
}
a#superfish-mission-menu-toggle {
    background: none;
    color: #006600;
}
a#superfish-mission-menu-toggle: hover {
    color: #660099;
}
@media screen and (max-width: 768px) {
    div#block-missionmenu-2 {
    width: 100%;
    float: left;
    padding: 0;
    }
}

/**
 * Styling for Mission Drop-down Menu
 */

div#block-missionmenu-2 {
   width: 22%;
   float: right;
}
@media screen and (max-width: 768px)  {
    div#block-missionmenu-2 { 
         width: 100%;
         background: #99ff66;
         padding-bottom: 1%;
     }
}
a.is-active.sf-depth-1.mission-link.menuparent {
    color: #006600;
    padding: 0;
    margin: 0;
}
a.is-active.sf-depth-1.mission-link.menuparent:hover {
    color: #660099;
    text-decoration: none;
}
a.sf-depth-1.mission-link.menuparent {
    color: #006600;
    padding: 0;
    margin: 0;
}
a.sf-depth-1.mission-link.menuparent:hover {
    color: #660099;
    text-decoration: none;
}
a.sf-depth-2.mission-link {
    text-align: left !important;
    font-size: 1em !important;
    padding: 3% !important;
}
a.is-active.sf-depth-2.mission-link:hover {
    color: #660099 !important;
}
a.sf-depth-2.mission-link:hover {
    color: #660099 !important;
}
li.sf-depth-1.mission-sub.menuparent  {
  text-align: left !important;
  padding-left: .5em;
  padding-top: 1em;	
  float: right !important;
  height: 2.27em !important;
  border: solid .5px #b5b8b3;
}
@media screen and (max-width: 768px)  {
   li.sf-depth-1.mission-sub.menuparent  {
   text-align: center !important;
   width: 100%;
   margin: 0;
   height: 2.2em !important;
   background: #ffffff;
   border: none;
   }
}
ul.sf-menu.sf-vertical {
    width: 100%;
}

li.sf-depth-2.mission-sub.sf-no-children {
  background: #ffffcc;
  text-align: left;
  padding-left: 5%;
  border: none;
  width: 95%;
}
@media screen and (max-width: 768px)  {
  li.sf-depth-2.mission-sub.sf-no-children {
  width: 100%;
  padding-top: 0;	
  border: none;
  background: #efeff5;
  }
}
@media screen and (max-width: 768px)  {
   ul.sf-menu.sf-accordion.sf-expanded, ul.sf-menu.sf-accordion li.sf-expanded > ul {
    left: auto !important; 
    top: auto !important;
    }
}
@media screen and (max-width: 768px)  {
    a.sf-depth-2.mission-link {
    line-height: 2em;
    }
}
.region-secondary-menu.menu {
   text-align: left !important;
}
li#mission-menu-menu-link-content45a58621-078a-424e-9f1b-16ac89b730d9 {
    background: #efeff5 url(/images/Flowers/2FlowerOrangeSchoolSmallMenu.png) right center no-repeat;
}
li#mission-menu-menu-link-contentda6ecf8b-b976-4c3e-83ff-9d31667d8160 {
    background: #efeff5 url(/images/Flowers/4FlowerBeigePressSmallMenu.png) right center no-repeat;
}
li#mission-menu-menu-link-contente5636eb4-302b-437a-8674-2230f627aa9b {
    background: #efeff5 url(/images/Flowers/3FlowerBluePPSmallMenu.png) right center no-repeat;
}
li#mission-menu-menu-link-contentd425fbc9-ecf0-444f-a3e7-d8c8b2bf3c7d {
    background: #efeff5 url(/images/Flowers/6FlowerYellowVOLSmallMenu.png) right center no-repeat;
}
li#mission-menu-menu-link-content48838c7a-61d5-4314-95de-c8526d288682 {
    background: #efeff5 url(/images/Flowers/8FlowerPurpleOracleTempleSmallMenu.png) right center no-repeat;
}
div.featured-top {
    text-align: center;
    font-size: inherit !important;
    font-weight: normal;
    line-height: inherit ! important;
    padding: 0px 0px 0px 0px !important;
    margin-top: -1%;
    background: #ffffff !important;
    border: none;
    text-shadow: none;
}
@media screen and (max-width: 768px)  { 
div.featured-top {
   margin-top: 0;
   }
}
@media screen and (max-width: 768px)  { 
.featured-top .block .content {
   margin-top: 0;
   }
}

/**
 * Styling for Spirituality School Drop-down Menu
 */
div#block-spiritualityschoolmenu {
   width: 22%;
   float: left;
}
@media screen and (max-width: 768px)  {
    div#block-spiritualityschoolmenu { 
         width: 100%;
         background: #ff6A00;
         display: flex;
         justify-content: center;
         padding-bottom: 1%;
       }
}
li.sf-depth-1.school-sub.sf-no-children  {
  text-align: left !important;
  width: 80%;
  padding-left: 3.6em;
  padding-top: 1em;	
  float: left !important;
  height: 2.27em !important;
  border: solid .5px #b5b8b3;
  background: #efeff5 url(/images/Flowers/2FlowerOrangeSchoolSmallMenu.png) left center no-repeat !important;
}
@media screen and (max-width: 768px)  {
  li.sf-depth-1.school-sub.sf-no-children  {
  text-align: center !important;
  width: 100%;
  padding-left: 0;
  padding-top: 1%;	
  float: left !important;
  height: 2.3em !important;
  border: none;
  background: #efeff5 !important;
  }
}
a.is-active.sf-depth-1.school-link {
    color: #006600;
    padding: 0;
    margin: 0;
}
a.is-active.sf-depth-1.school-link:hover {
    color: #660099;
    text-decoration: none;
}
/**
 * Styling for Oracle Press Drop-down Menu
 */
div#block-oraclepressmenu {
   width: 22%;
   float: left;
}
@media screen and (max-width: 768px)  {
    div#block-oraclepressmenu { 
         width: 100%;
         background: #C4AF83;
         display: flex;
         justify-content: center;
         padding-bottom: 1%;
    }
}
li.sf-depth-1.press-sub.sf-no-children  {
  text-align: left !important;
  width: 80%;
  padding-left: 3.6em;
  padding-top: 1em;	
  float: left !important;
  height: 2.27em !important;
  border: solid .5px #b5b8b3;
  background: #efeff5  url(/images/Flowers/4FlowerBeigePressSmallMenu.png) left center no-repeat;
}
@media screen and (max-width: 768px)  {
  li.sf-depth-1.press-sub.sf-no-children  {
  text-align: center !important;
  width: 100%;
  padding-left: 0;
  padding-top: 1%;	
  float: left !important;
  height: 2.2em !important;
  border: none;
  background: #efeff5;
  }
}
a.is-active.sf-depth-1.press-link {
    color: #006600;
    padding: 0;
    margin: 0;
}
a.is-active.sf-depth-1.press-link:hover {
    color: #660099;
    text-decoration: none;
}
/**
 * Styling for VOL Drop-down Menu
 */
div#block-valleyoflightmenu {
   width: 22%;
   float: left;
}
@media screen and (max-width: 768px)  {
    div#block-valleyoflightmenu { 
         width: 100%;
         background: #FFD800;
         display: flex;
         justify-content: center;
         padding-bottom: 1%;
    }
}
li.sf-depth-1.vol-list.sf-no-children  {
  text-align: left !important;
  width: 80%;
  padding-left: 3.6em;
  padding-top: 1em;	
  float: left !important;
  height: 2.27em !important;
  border: solid .5px #b5b8b3;
  background: #efeff5  url(/images/Flowers/6FlowerYellowVOLSmallMenu.png) left center no-repeat;
}
@media screen and (max-width: 768px)  {
  li.sf-depth-1.vol-list.sf-no-children  {
  text-align: center !important;
  width: 100%;
  padding-left: 0;
  padding-top: 1%;	
  float: left !important;
  height: 2.2em !important;
  border: none;
  background: #efeff5;
  }
}
a.is-active.sf-depth-1.vol-link {
    color: #006600;
    padding: 0;
    margin: 0;
}
a.is-active.sf-depth-1.vol-link:hover {
    color: #660099;
    text-decoration: none;
}
/**
 * Styling for Oracle Temple Drop-down Menu
 */
div#block-oracletemplemenu {
   width: 22%;
   float: left;
}
@media screen and (max-width: 768px)  {
    div#block-oracletemplemenu { 
         width: 100%;
         background: #FFB7E8;
         display: flex;
         justify-content: center;
         padding-bottom: 1%;
    }
}
li.sf-depth-1.temple-list.sf-no-children  {
  text-align: left !important;
  width: 80%;
  padding-left: 3.6em;
  padding-top: 1em;	
  float: left !important;
  height: 2.27em !important;
  border: solid .5px #b5b8b3;
  background: #efeff5  url(/images/Flowers/8FlowerPurpleOracleTempleSmallMenu.png) left center no-repeat;
}
@media screen and (max-width: 768px)  {
  li.sf-depth-1.temple-list.sf-no-children  {
  text-align: center !important;
  width: 100%;
  padding-left: 0;
  padding-top: 1%;	
  float: left !important;
  height: 2.2em !important;
  border: none;
  background: #efeff5;
  }
}
a.is-active.sf-depth-1.temple-link {
    color: #006600;
    padding: 0;
    margin: 0;
}
a.is-active.sf-depth-1.temple-link:hover {
    color: #660099;
    text-decoration: none;
}
/**
 * Styling for Peace Pentagon Drop-down Menu
 */
div#block-peacepentagonmenu {
   width: 22%;
   float: left;
}
@media screen and (max-width: 768px)  {
    div#block-peacepentagonmenu { 
         width: 100%;
         background: #0080ff;
         display: flex;
         justify-content: center;
         padding-bottom: 1%;
    }
}
li.sf-depth-1.pp-list.sf-no-children  {
  text-align: left !important;
  width: 80%;
  padding-left: 3.6em;
  padding-top: 1.4em;	
  float: left !important;
  height: 2.7em !important;
  border: solid .5px #b5b8b3;
  background: #efeff5  url(/images/Flowers/3FlowerBluePPSmallMenu.png) left center no-repeat;
}
@media screen and (max-width: 768px)  {
  li.sf-depth-1.pp-list.sf-no-children  {
  text-align: center !important;
  width: 100%;
  padding-left: 0;
  padding-top: 1%;	
  float: left !important;
  height: 2.2em !important;
  border: none;
  background: #efeff5;
  }
}
a.is-active.sf-depth-1.pp-link {
    color: #006600;
    padding: 0;
    margin: 0;
}
a.is-active.sf-depth-1.pp-link:hover {
    color: #660099;
    text-decoration: none;
}
/**
 * this is where we control the format of the boxes on the front page
 * we might want to get the inner divisions to disappear on small screens...
 */
div.frontbox {
   display: inline-block;
   float: left; 
   width: 18%; 
   margin-left: 1.6%;
   margin-right: .2%;
   margin-bottom: 2%;
   text-align center; 
   border: none;
   min-width: 180px;
}
@media only screen and (max-width: 600px) {
    div.frontbox { 
        display: block !important;
        width: 100% !important;
        height: auto;
        margin: 1%;
        height: auto;
        overflow: hidden;
    }
}
div.frontboxflower {
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   background: none;
   text-align: center;
   margin-top: -20%;
   position: relative;
   left: 0px;
   top: 0px;
   z-index: 91;
}
@media only screen and (max-width: 600px) {
    div.frontboxflower { 
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100% !important;
        margin: 0;
        height: auto;
        overflow: hidden;
    }
}
img.flower {
   width: 30%
}
@media only screen and (max-width: 600px) {
    img.flower { 
        display: block !important;
        width: 15% !important;
        height: auto;
        overflow: hidden;
    }
}
div.frontboxstripe {
   width: 100%;
   display: flex;
   justify-content: center;
   background: #660099;
   height: 35px;
   align-items: center;
   color: #ffffff;
   font-size: 1em;
   font-weight: bold;
   line-height: 90%;
   text-align: center;
   position: relative;
   left: 0px;
   top: 0px;
   z-index: 91
}
div.frontboxpic {
   width: 100%;
   height: 159px;
   min-height: 0;
   position: relative;
   left: 0px;
   top: 0px;
   z-index: 91
}
@media only screen and (max-width: 600px) {
    div.frontboxpic { 
         width: 100%;
         height: auto;
    }
}
img.frontbox {
   width: 100%;
   height: 98%;
   position: relative;
   left: 0px;
   top: 0px;
   z-index: 91
}
@media only screen and (max-width: 600px) {
    img.frontbox { 
         width: 100%;
         height: auto;
    }
}
div.frontboxlinks {
   width: 100%;
   min-height: 110px;
   background: #ffffff;
   text-align: center;
   padding-top: .8em;
   padding-bottom: .8em;
   position: relative;
   left: 0px;
   top: 0px;
   z-index: 91
}

a.frontlink {
   font-size: .9em;
}
@media screen and (max-width: 400px) {
    a.frontlink { 
         font-size: 1.2em !important;
    }
}


/**
 * header stuff
 */


.region-header .block:not(.site-branding) {
  clear: none ! important;
  font-size: inherit !important;
}
div#block-socialmedialinks {
   padding-top: 1%;
   display: flex;
   justify-content: center;
   align-items: top;
   float: right;
}
@media screen and (max-width: 768px)  {
    div#block-socialmedialinks { 
         width: 49%;
         float: left;
    }
}
.fa-3x {
   letter-spacing: .9em;
   color: #006600;
}
.fa-3x:hover {
   color: #660099;
}
@media screen and (max-width: 768px)  {
    .fa-3x { 
        font-size: 1.8em;
    }
}

div#block-bartik-branding {
   width: 42%;
}
@media screen and (max-width: 768px)  {
    div#block-bartik-branding { 
         width: 100%;
         text-align: center;
    }
}
div#block-donateshopsubscribe {
   display: flex;
   justify-content: center;
   align-items: center;
   float: right;
   padding-top: .5%;
   width:57%;
}
@media screen and (max-width: 768px)  {
    div#block-donateshopsubscribe { 
         width: 100%;
    }
}
div.sm {
   text-align: right;
   width: 14%;
   float: left;
}
@media screen and (max-width: 768px)  {
    div.sm { 
         width: 14%;
    }
}
div#block_content/4/body/en/full {
   width: 100%;
}

/**
 * footer stuff
 */
.site-footer h2 {
   color: #ffffff !important;
   text-align: center;
   font-weight: bold;
}
site-footer__top h2 {
    border-bottom: 1px solid #555;
    border-color: rgba(255,255,255,0.15);
    font-size: 1.2em;
    margin-bottom: 0;
    padding-bottom: 3px;
    text-transform: uppercase;
}
.site-footer__top .content li a {
    display: block;
    border-bottom: 1px solid #555;
    border-color: none !important;
    line-height: 1.2;
    padding: 0.8em 2px 0.8em 20px;
    text-align: left !important;
}
.site-footer .block {
    margin: 0 0 !important;
    border: none ! important;
    border-color: none !important;
    padding: 0 !important;
}
.search-form {
    font-size: 0.875rem;
    display: flex;
    justify-content: center;
}
.button.search-form__submit, .search-form__submit {
    background: #f0f0f0 url(/images/Logos_and_Buttons/LittleLoupe.png) no-repeat center !important;
    height: 30px !important;
    margin-top: 16%;
}

.site-footer .content a, .site-footer .content a.is-active {
   color:#ffff00 !important;
   font-weight: bold !important;
   text-decoration: underline !important;
}
.site-footer .content a:hover, .site-footer .content a.is-active:hover {
   color: #42f45c !important;
   font-weight: bold;
   text-decoration: underline;
}
p.footer {
   text-align: center;
   color: #ffffff;
   margin-bottom: .3em;
}
/**
 * Front Page Carousel Formatting
 */
#wowslider-container5 .ws-title {
    position: absolute;
    top: 0em !important;
    left: 0em !important;
    z-index: 50;
    width: 97.5%;
    Text-align: center;
    padding: 1.3em 2em !important;
    color: #660099 !important;
    font-weight: bold !important;
    font-style: italic;
    background: #e6e8ed !important;
    opacity: .7 !important;
    font-family: 'Open Sans', sans-serif !important;
    line-height: 2.5em;
    font-size:.8em !important;
    font-weight: normal;
    border-radius: 0;
    text-transform: none;
    text-align:center;
    bottom: auto !important;
}
#wowslider-container5 {
    display: table;
    zoom: 1;
    position: relative;
    width: 100%;
    max-height: 400px;
    margin: 0px auto 0px;
    z-index: 1 !important;
    text-align: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
#wowslider-container5 a {
    text-decoration: underline dotted !important;
    outline: none;
    border: none;
}
#wowslider-container5 a.ws_next:hover {
  color: #660099 !important;
}
/**
 * Remove excess margin from top of layout
 */
.layout-main {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    background: #ffffff !important;

}
#page, #main-wrapper, .region-primary-menu .menu-item a.is-active, .region-primary-menu .menu-item--active-trail a {
   background: #ffffff !important;
}
#header {
    background: #ffffff !important;
    background-image: none;
    border-bottom: none !important;
}
.header .section {
    position: relative;
    background: #ffffff !important;
}
/**
 * PPHUB Page Styling
 */
div.pphubcol1 {
    float: left;
    width: 20%;
}
@media only screen and (max-width: 768px) {
    div.pphubcol1 {
    width: 100%;
    padding-left: 10%;
    }   
}
div.pphubcol2 {
    float: left;
    width: 40%;
    text-align: center;
}
@media only screen and (max-width: 768px) {
    div.pphubcol2 {
    width: 100%;
    }   
} 
div.pphubcol3 {
    float: left;
    width: 40%;
}
@media only screen and (max-width: 768px) {
    div.pphubcol3 {
    width: 100%;
    }   
} 
img.hubwheel {
   width: 85%;
}
/**
 * Media Page Styling
 */
div.wpcont {
   display: table;
   width: 100%;
}
div.whitepaper {
    display: table-cell;
    width: 25%;
    height: auto;
    overflow: hidden;
    padding-top: 2%;
    padding-bottom: 2%;
    text-align: center;
    background: #efeff5;
}
@media only screen and (max-width: 768px) {
    div.whitepaper {
    display: block;
    float: left;
    background: none;
    width: 45%;
    }   
}
img.whitep {
   width: 70%;
}

/**
 * Tour Page Styling
 */

div.tourleft {
    float: left;
    width: 33%;
    text-align: left;
}
@media only screen and (max-width: 768px) {
    div.tourleft {
    width: 100%;
    }   
}
div.tourright {
    float: right;
    width: 33%;
    text-align: right;
}
@media only screen and (max-width: 768px) {
    div.tourright {
    width: 100%;
    }   
} 
img.tour {
    width: 95%;
}
@media only screen and (max-width: 768px) {
    img.tour {
    width: 100%;
    }   
} 
/**
 * Retreat Center Page Styling
 */
img.rc {
    text-align: center;
}
@media only screen and (max-width: 768px) {
    img.rc {
    width: 100% !important;
    }   
} 
/**
 * Intern Page Styling
 */
div.internhalf {
  width: 46%;
  padding: 0 2% 0 2%;
  float: left
}
@media only screen and (max-width: 768px) {
    div.internhalf {
    width: 100%;
    padding: 0;
    }   
} 
/**
 * VOL Community Page Styling
 */
#wowslider-container12 .ws-title {
    position: absolute;
    bottom: 1em !important;
    left: 1.8em;
    margin-right: 1.8em;
    z-index: 50;
    padding: 0.5em;
    color: #660099 !important;
    text-shadow: -0.1em -0.1em 0 #000000;
    background: #ffffcc !important;
    font-family: 'Donegal One', Georgia, serif;
    opacity: 1 !important;
}
 table.yogatable {
    background: none;
    border: none;
}
.yoga {
    background: none !important;
    border: none !important;
}
.yogadef {
    background: none !important;
    border: none !important;
}
tr.yogarow {
    background: none;
    border: none;
}
div.vol {
    float: left;
    width: 50%;
}
div.volright {
    float: right;
    width: 50%;
    text-align: right;
}
@media only screen and (max-width: 768px) {
    div.vol {
    width: 100%;
    }   
}
@media only screen and (max-width: 768px) {
    div.volright {
    width: 100%;
    }   
}
img.vol {
   width: 95%;
}
img.map {
   width: 100%;
}
div.volwheel {
    width: 35%;
    text-align: center;
    float: left;
    margin-right: 2%;
}
@media only screen and (max-width: 768px) {
    div.volwheel {
    width: 100%;
    margin-right: 0;
   }   
}
img.volwheel {
    width: 95%;
}
/**
 * Pentacle Page Styling
 */
div.unityleft {
   width: 40%;
   float: left;
   margin-right: 2%
}
@media only screen and (max-width: 768px) {
    div.unityleft {
    width: 100%;
    margin-right: 0;
    }   
}
div.unityright {
   width: 58%;
   float: left;
}
@media only screen and (max-width: 768px) {
    div.unityright {
    width: 100%;
    }   
}
/**
 * Subscription Page Styling
 */

div.subscribe {
   float: left; 
   width: 30%; 
   padding-left: 3%;
}
/**
 * Spectrum of Consciousnes Styling
 */
div.spectrum {
   width: 33%;
   float: left;
}
@media only screen and (max-width: 768px) {
    div.spectrum {
    width: 100%;
    }   
}
/**
 * Team Page Styling
 */
div.teambox {
    background-color: #006600;
    border: none;
    width: 100%;
    text-align: center;
    overflow: hidden;
}
div.teamwords {
   width: 100%;
   text-align: center;
   height:3.5em;
}
p.pbox {
    color: #ffffff;
    font-size: 1em;
    font-weight: normal;
    text-align: center;
    margin-bottom: 0px;
}
div.boardpic {
    width: 20%;
    background-color: #eaf1dd;
    display: block;
    float: left;
    border-right: none;
    bdorder-bottom: none;
    text-align: center;
    padding-bottom: 1%;
}
@media only screen and (max-width: 768px) {
    div.boardpic {
    width: 50%;
    }   
}
div.aboardpic {
    width: 16.65%;
    background-color: #eaf1dd;
    display: block;
    float: left;
    text-align: center;
    padding-bottom: 1%;
}
@media only screen and (max-width: 768px) {
    div.aboardpic {
    width: 50%;
    }   
}
div.volpic {
    width: 25%;
    background-color: #eaf1dd;
    display: block;
    float: left;
    border-bottom: none;
    text-align: center;
    padding-bottom: 1%;
}
@media only screen and (max-width: 768px) {
    div.volpic {
    width: 50%;
    }   
}
p.title {
    font-weight: bold;
    color: black;
    font-size: 14px;
    text-align: center;
    padding: 0px;
    margin: 0px;
    line-height: 100%;
}
a.lead {
   line-height: 100%;
   font-size: 12px;
   margin-bottom: 3px;
   padding-botton: 0px;
}
img.headshot {
    height: 145px;
    width: auto !important;
    padding-top: 10px;
}
img.boardshot {
    height: 190px;
    width: auto !important;
    padding-top: 10px;
}
div.teamrow {
   clear: both;
   display: block; 
   width: 100%;
   overflow: hidden;
   margin-bottom: 2%;
}
/**
 * Oracle Campus Styling
 */
div.ghsmall {
    width: 20%;
    float: left;
}
@media only screen and (max-width: 768px) {
    div.ghsmall { 
    width: 100%;
    }
} 
div.ghbig {
    width: 60%;
    text-align: center;
    float: left;
}
@media only screen and (max-width: 768px) {
    div.ghbig { 
    width: 100%;
    }
} 
div.sealtext {
    width: 35%;
    float: left; 
}
@media only screen and (max-width: 768px) {
    div.sealtext {
    width: 100%;
    }   
}  
div.seal {
    width: 30%;
    text-align: center;
    float: left; 
}
img.seal {
   width: 65%;
}
@media only screen and (max-width: 768px) {
    div.seal {
    width: 100%;
    }   
}  
div.maptext {
    width: 40%; 
    float: left; 
}
@media only screen and (max-width: 768px) {
    div.maptext {
    width: 100%;
    }   
} 
li.maptext {
   margin-top: 2.5%;
}
div.maps {
    width: 60%;
    text-align: center;
    Font-weight: bold;
    float: left; 
}
@media only screen and (max-width: 768px) {
    div.maps {
    width: 100%;
    }   
} 
img.maps {
   width: 95%;
}
   li.rates {
   line-height: 95%;
}
p.rates {
   font-weight: bold;
   padding: 0;
}
/**
 * Biographies Page Styling
 */
div.biocontain {
   width: 100%;
   background: #eaf1dd;
   padding: 3%;
   overflow: hidden;
   margin-bottom: 2%;
}
div.biopic {
  width: 25%;
  float: left;
  margin-right: 2%;
}
@media only screen and (max-width: 768px) {
    div.biopic {
    width: 40%;
    }   
}
img.bpic {
    width: 100%;
}
/**
 * Donate Page Styling
 */
div.donatecont {
   width: 100%;
   display: table;
   overflow: hidden;
}
div.donate {
   width: 45%;
   height: auto; 
   display: table-cell;
   border-collapse: separate;
   overflow: hidden;
   text-align: center; 
   padding: 1%; 
   background: #d1f9d3;
   border-radius: 15px;
}
div.donateseparate {
   width: 5%;
   height: auto; 
   display: table-cell;
   overflow: hidden;
   text-align: center; 
   background: none;
   border-radius: 15px;
}
@media only screen and (max-width: 768px) {
    div.donate {
    width: 98%;
    padding: 1%;
    display: block;
    }   
}
@media only screen and (max-width: 768px) {
    div.donateseparate {
    width: 100%;
    display: block;
    height: 10px;
    }   
}
div.donatepics {
   float: left; 
   width: 100%; 
   text-align: center; 
   padding: 2%; 
   margin-bottom: 2%;
}
p.donatetext {
   text-align: center; 
   font-size:1.2em;
}
div.giftcontainer {
   width: 100%;
   display: table;
   overflow: hidden;
   margin-bottom: 2%;
}
div.giftspacer {
    display: table-cell;
    overflow: hidden;
    width: 3%;
    height: auto;
}
@media only screen and (max-width: 768px) {
    div.giftspacer {
    display: none;
    }   
}
div.giftbox {
    display: table-cell;
    border-radius: 5px;
    margin-left: 3%;
    margin-bottom: 2%;
    border: solid 1px #660099;
    background: #d1f9d3;
    padding: 1%; 
    width: 26%;
    height: auto;
    overflow: hidden; 
}
@media only screen and (max-width: 768px) {
    div.giftbox {
    width: 98%;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    margin-bottom: 2%;
    display: block;
    }   
}
div.giftbutton {
    border-radius: 5px;
    background: #660099;
    padding-top: 5%; 
    width: 22%;
    height: 2.5em;
    float: left;
    font-size: 1.2em;
    text-align: center;
    margin: 1%;
}
a.giftbutton {
    display: block;
    color: #ffffff !important;
}
a.giftbox {
    display: block;
}
div.giftbox:hover {
    background: #cc99ff;
}
p.gifttitle {
    text-align: center;
    font-weight; bold !important;
    font-size: 1em;
    margin-bottom: 1%;
    color: #660099 !important;
}
p.giftbox {
   text-align: center;
   font-size: .75em;
   font-weight: normal !important;
}
div.bvhalf {
  margin-right: 1%;
  float: left;
  display: table-cell;
  vertical-align: middle;
  width: 49%;
}
@media only screen and (max-width: 768px) {
    div.bvhalf {
    width: 100%;
    padding: 0;
    display: block;
    }   
} 
div.bvleft {
  float: left;
  display: table-cell;
  vertical-align: middle;
  width: 40%;
}
@media only screen and (max-width: 768px) {
    div.bvleft {
    width: 100%;
    padding: 0;
    display: block;
    }   
} 
div.bvright {
  float: left;
  display: table-cell;
  vertical-align: middle;
  width: 60%;
}
@media only screen and (max-width: 768px) {
    div.bvright {
    width: 100%;
    padding: 0;
    display: block;
    }   
} 


/**
 * Book Pages and Press Styling
 */
div.awardcont {
    width: 100%;
    display: table;
    overflow: hidden;
}
div.bookaward {
    width: 14%;
    display: table-cell;
    height: auto;
    overflow: hidden;
    text-align: center;
}
div.bookpartners {
    width: 50%;
    text-align: center;
    float: left;
}
@media only screen and (max-width: 768px) {
   div.bookpartners {
   width: 100%;
   }
}
img.bookaward {
    width: 50%;
}
div.offerbook {
   width: 40%;
   padding-top: 0;
   padding-right: 2%;
   padding-bottom: 2%;
   padding-left: 2%;
   margin-right: 3%;
   margin-bottom: 2%;
   float: left;
   background: #efeff5;
}
@media only screen and (max-width: 768px) {
   div.offerbook {
   width: 100%;
   }
}
div.describeright {
    width: 50%;
    float: right;
}
@media only screen and (max-width: 768px) {
    div.describeright {
        width: 100%;
    }
 }
div.bookpagepic {
   width: 70%;
   display: inline-block;
   float: left;
}
img.bkpgpic {
   width: 80%;
}
div.addtocart {
   width: 30%;
   display: inline-block;
   padding-top: 6%;
   float: left;
   text-align: center;
   font-weight: bold;
}
div.bookdetail {
   width: 55%;
   padding: 3%;
   padding-top: 0;
   margin-right: 3%;
   margin-bottom: 2%;
   float: left;
}
div.acclaim {
   width: 100%;
   padding-top: 0;
   padding-right: 2%;
   padding-bottom: 2%;
   padding-left: 2%;
   margin-bottom: 2%;
   float: left;
   background: #ffffcc;
}
div.authorbio {
   width: 100%;
   margin-bottom: 2%;
   float: left;
   padding: 2%;
   background: #efeff5;
}
div.authorhs {
   width: 20%;
   margin-right: 2%;
   margin-bottom: 2%;
   float: left;
}
div.macclaim {
   width: 50%;
   text-align: center;
   float: left;
}
@media only screen and (max-width: 768px) {
   div.macclaim {
   width: 100%;
   }
}
img.authhs {
   width: 100%;
}
p.kindlebuybut {
   text-align: center; 
   padding-bottom: 1%; 
   margin-bottom: 1%;
   width: 60%;
   height: auto;
}
p.buybut {
   text-align: center; 
   padding-bottom: 1%; 
   margin-bottom: 1%;
}
img.buykindle {
   width: 60%;
   height: auto;
}
img.buyitunes {
   width: 55%;
   height: auto;
   margin-top: 7%;
}
p.acclaim {
   font-family: verdana;
   text-align: left;
   margin-bottom: 0;
   padding-bottom: 0;
   font-weight: bold;
}
p.blurber {
   color: #660099;
}
h2.bktitle {
   text-align: left !important;
   font-size: 1.3em !important;
}
p.price {
   margin-top: 2%;
   font-size: 1em;
}
p.auth {
   font-size: 1.2em;
   line-height: 130%;
}
div.deaspics {
    width: 20%; 
    text-align: center;
    display: inline-block;
    float: left;
}
@media only screen and (max-width: 768px) {
   div.deaspics {
   width: 100%;
   }
}
img.deas {
   width: auto;
   height: 16em;
}
@media only screen and (max-width: 768px) {
   img.deas {
   width: 80%;
   height: auto;
   }
}
/**
 * Featured Bottom Area Styling
 */
.featured-bottom h2 {
    color: #ffffff !important;
    font-size: 1.1em !important;
    margin-bottom: -10px !important;
    text-shadow: none!important ;
    text-align: center;
    line-height: 1.7em !important;
    background: #660099;
}
div.featured-bottom {
    background: #ffffff !important;
    border: none !important;
    margin-top: 0; !important;
}
div.region.region-featured-bottom-first {
   width: 50%;
   min-width: 360px;
   background: #ffffff !important;
   min-height: 300px;
}
  div.region.region-featured-bottom-second {
   width: 50%;
   min-width: 360px;
   background: #ffffff !important;
   min-height: 300px;
} 
/**
 * Author Page Styling
 */
div.authorrow {
   display: table;
   width: 100%;
   height: 100%;
   overflow: hidden;
   margin-bottom: 3%;
}
@media screen and (max-width: 768px) {
   div.authorrow {
   display: block;
   width: 100%;
   margin: 0;
   overflow: auto;
   }
}
div.authorboxl {
   display: table-cell;
   overflow: hidden;
   height: 100%;
   float: left;
   width: 45%;
   padding: 1%;
   background: #efeff5;
}
@media screen and (max-width: 768px) {
   div.authorboxl {
   display: block;
   overflow: auto;
   padding: 0 2% 0 2%;
   width: 98%;
   margin-bottom: 3%;
   }
}
div.authpicl  {
   width: 35%;
   float: left;
   margin: 0% 3% 1% 0%;
}
div.authorboxr {
   display: table-cell;
   overflow: hidden;
   height: 100%;
   float: right;
   width: 45%;
   padding: 1%;
   background: #efeff5;
}
@media screen and (max-width: 768px) {
   div.authorboxr {
   display: block;
   overflow: auto;
   float: left;
   padding: 0 2% 0 2%;
   width: 98%;
   margin-bottom: 3%;
   }
}
div.authpicr  {
   width: 35%;
   float: right;
   margin: 0% 0% 1% 3%;
}    
img.authpic {
   width: 100%;
}
p.authname {
   font-size: 1.2em;
   font-weight: bold;
   color: #660099;
   text-align: center;
}
/**
 * Mission
 */
div.presbox {
    background-color: #ffffff;
    width: 33%;
    float: left;
    margin-right: 1% 
    text-align: center;
}
div.prespic {
     width: 100%;
     text-align: center;
     padding-top: 5%;
}
@media only screen and (max-width: 768px) {
    div.presbox {
    width: 100%;
    margin-right: 0;
    }
}
img.ppic {
   width: 50%;
}
p.greenpres {
    font-size: .8em; 
    text-align: center;
    font-weight: bold;
    margin-bottom:2%;
    padding: 0;
}
img.vaseal {
   width: 90%;
   margin-top: 20%;
}
@media only screen and (max-width: 768px) {
    img.vaseal {
    margin-top: 0;
    }
}
span.purplepres {
   font-size: 1.3em;
   color: #660099;
   font-weight: bold;
}
div.greenbox {
   background-color: #006600;
   border: 1px solid #ffffff;
   color: #ffffff;
   text-align: center;
   padding: 10px;
   width: 100%;
   clear: both;
}
div.whitebox {
   background-color: #ffffff;
   padding: 10px;
   width: 100%;
}
div.missionleft {
   float: left;
   width: 60%;
}
@media only screen and (max-width: 768px) {
    div.missionleft {
      float: left;
      width: 100%;
    }
}
div.missionright {
   float: left;
   text-align: center;
   width: 40%;
}
@media only screen and (max-width: 768px) {
    div.missionright {
      float: left;
      width: 100%;
    }
}
/**
 * Discover Grayson County
 */
img.gc {
   width: 95%;
   text-align: center;
   font-weight: bold;
} 
@media only screen and (max-width: 768px) {
    img.gc { 
    width: 100%;
    }
} 
img.gc2 {
   width: 50%;
   text-align: center;
} 
@media only screen and (max-width: 768px) {
    img.gc2 { 
    width: 100%;
    }
} 
div.gcsmall {
    width: 25%;
    float: left;
}

div.gcbig {
    width: 50%;
    text-align: center;
    float: left;
}

div.gchalf {
   width: 50%;
   float: left;
}
@media only screen and (max-width: 768px) {
    div.gchalf { 
    width: 100%;
    }
} 
p.gcp {
    margin: 0 0 .2em 0;
}
/**
 *  Bookstore
 */
div.closer {
   width: 100%;
   font-weight: bold;
   text-align: center;
}
div.sellbookcont {
    width: 100%;
    height: 100%;
    display:table !important;
    overflow: hidden;
    margin-bottom: 2%;
}

div.sellbook {
    width: 49%;
    height: 100%;
    display: table-cell;
    border: none;
    overflow: hidden;
    background: #efeff5;
    padding: 1%;
    vertical-align: top;
}
div.verticalspacer {
    width: 2%;
    height: 100%;
    display: table-cell;
    border: none;
    overflow: hidden;
    background: none;
    padding: none%;
    vertical-align: top;
}
@media only screen and (max-width: 479px) {
    div.verticalspacer { 
        display: none;
    }
}
@media only screen and (max-width: 479px) {
    div.sellbook { 
        display: block !important;
        width: 100% !important;
        height: auto;
        overflow: hidden;
    }
}
div.sellbookpic {
    width: 30%;
    min-width: 190px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    float: left;
    border: none;
}

div.describebook {
    width: 97%;
    padding: 2%;
    float: left;
    border: none;
}
@media only screen and (max-width: 600px) {
    div.describebook { 
        display: block !important;
        width: 90% !important;
        margin: 1%;
        height: auto;
        overflow: hidden;
    }
}
div.bookprice {
    width: 65%;
    margin-left: 2%;
    min-width: 320px;
    float: left;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0%;
    padding-bottom: 0px;
    border: none;
}
@media only screen and (max-width: 600px) {
    div.sellbookpic { 
        width: 100% !important;
    }
}
div.buybutton {
    text-align: center;
    display: flex;
    justify-content: center;
    padding-bottom: 1%;
    width: 100%;
    float: left;
    min-width: 75px;
}
img.bookpic {
    width: 200px;
    height: 300px;
    border: none;
}
a.book {
    text-align: left !important;
    margin: 0;
    padding: 0;
    font-size: 1em;
    font-weight: bold;
}
h4.author {
    text-align: left;
    margin: 0;
    padding-top: 1%;
    padding-bottom: 1%;
    font-size: .8em;
    font-weight: bold;
}
h4.price {
    text-align: center;
    margin: 0;
    padding-top: 1%;
    padding-bottom: 1%;
    font-size: 1.1em;
    color: #660099;
    font-weight: bold;
}
p.bookdesc {
   font-size: .8em;
   text-align: justify;
}

div.booktitle {
   width: 100%;
   min-height: 3em;
   float: left;
}
div.bookauthor {
   width: 100%;
   min-height: 3em;
   float: left;
}
div.addcart {
   width: 30%;
   text-align: center;
   padding-bottom: 0;
   margin-bottom: -7%
}
img.kindle {
   width: 30%;
}
img.itunes {
   width: 25%;
}
div.bookspacer {
   width: 100%;
   clear: both;
}
div.shirtleft {
   width: 46%;
   float: left;
   margin: 2%;
   text-align: center;
   font-weight: bold;
}
div.shirtbuy {
   width: 100%;
   display: inline-block;
}
img.shirt {
   width: 100%;
   height: auto;
   font-weight: bold;
}
input.shirtbuy {
    width: 30%;
    text-align: center;
}
p.shirtinput {
   text-align: center;
   font-weight: bold;
}
element.style {
    position: absolute;
    background-size: cover;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    opacity: 1;
    perspective: 2000px;
    display: block;
}
style.css:132
#wowslider-container3 .ws_effect {
    position: static;
    width: 100%;
    height: 100%;
}
user agent stylesheet
div {
    display: block;
}
Inherited from div#wowslider-container3.ws_gestures
Style Attribute {
    font-size: 10px;
}
style.css:149
#wowslider-container3.ws_gestures {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBT…h0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII=), move;
}
div#wowslider-container3 {
    zoom: .96;
    padding-top: 2%;
}
/**
 *  Paradigms Page Styling
 */
div.paradigmpicleft {
    width: 32%;
    margin-right: 3%;
    float: left;
    padding-top: 1%;
}
@media screen and (max-width: 768px)  {
    div.paradigmpicleft {
    width: 100%;
    margin-right: 0;
    }
}
div.paradigmpicleft1 {
    width: 25%;
    margin-right: 3%;
    float: left;
    padding-top: 1%;
}
@media screen and (max-width: 768px)  {
    div.paradigmpicleft1 {
    width: 100%;
    margin-right: 0;
    }
}
div.paradigmpicright {
    width: 32%;
    margin-left: 3%;
    float: right;
    padding-top: 1%;
}
@media screen and (max-width: 768px)  {
    div.paradigmpicright {
    width: 100%;
    margin-left: 0;
    }
}
/**
 *  Community Page Styling
 */
div.sagebox {
    width: 100%;
    height: 50px;
    display: block;
    overflow: hidden;
    background-color: #efeff5;
    vertical-align: middle;
}
@media screen and (max-width: 768px)  {
    div.sagebox {
    height: 75px;
    }
}
div.littleflower {
    width:50px;
    height: auto;
    float: left;
    margin-left: 30px;
    display: block;
    overflow: hidden;
}
p.sgbox {
    font-size: 1.1em;
    text-align: center;
    font-weight: bold;
    margin-right: 50px;
    padding-top: 1%;
    padding-bottom: 0;
    margin-bottom: 0;
}
img.litflow {
   height: 100%;
   text-align: center;
}
/**
 *  Construction History Formatting
 */
#wowslider-container8 .ws-title {
    opacity: 1 !important;
    background: #ffffcc !important;
}
img.chpics {
   width: 95%;
}
@media screen and (max-width: 768px)  {
    img.chpics {
    width: 100%;
}
}
div.chsmall {
    width: 23%;
    float: left;
    text-align: center;
    font-weight: bold;
}
@media screen and (max-width: 768px)  {
    div.chsmall {
    width: 100%;
}
}
div.chbig {
    width: 50%;
    float: left;
    padding: 0 2% 0 2%;
}
@media screen and (max-width: 768px)  {
    div.chbig {
    width: 100%;
    padding: 0 0 0 0;
}
}
div.chbuilders {
    width: 35%;
    margin-top: 5%;
    float: left;
    text-align: center;
    font-weight: bold;
}
@media screen and (max-width: 768px)  {
    div.chbuilders {
    margin-top: 0;
    width: 100%;
}
}
div.chslider {
    width: 65%;
    float: left;
}
@media screen and (max-width: 768px)  {
    div.chslider {
    width: 100%;
}
}

/**
 *  Past Classes Special Formatting
 */
div.leftclasses {
    width: 18%;
    float: left;
    margin-right: .5%;
}
@media screen and (max-width: 768px)  {
    div.leftclasses {
    width: 100%;
    margin-right: 0;
}
}
div.classbox {
    width: 100%;
    margin-bottom: 5%;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    border-radius: 0px;
    background-color: #dab3ff;
}
div.rightclasses {
    width: 18%;
    float: left;
    margin-left: .5%;
}
@media screen and (max-width: 768px)  {
    div.rightclasses {
    width: 100%;
    margin-left: 0;
}
}
div.classbox {
    width: 100%;
    margin-bottom: 5%;
    padding-top: 1.5%;
    padding-bottom: 4%;
    border-radius: 0px;
    background-color: #dab3ff;
}

div.wclassbox {
    width: 90%;
    border-bottom: rgb(51,51,51) 1px inset; 
    text-align: center; 
    border-left: rgb(51,51,51) 1px inset; 
    margin-top: 3%;
    margin-left: 4.5%;
    background-color: #ffffff; 
    border-top: rgb(51,51,51) 1px inset; 
    border-right: rgb(51,51,51) 1px inset; 
    padding-top: 5px; 
    -moz-box-shadow: inset 2px 5px 10px #888; 
    -webkit-box-shadow: inset 2px 5px 10px #888; 
     box-shadow: inset 2px 5px 10px #888; 
     border-radius: 5px;
}
div.pastclass {
    width: 63%;
    float: left;
}
@media screen and (max-width: 768px)  {
    div.pastclass {
    width: 100%;
}
}
p.cbtit {
    font-size: 1.1em;
    text-align: center;
    color: #006600;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}
p.teach {
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    color: black;
    padding: 0;
    margin: 0;
}
p.cdate {
    font-size: 1em;
    text-align: center;
    padding: 0;
    margin: 0;
}
img.classpic {
    padding: 0px; 
    margin: 0px; 
    margin-top: 1%;
    width: 95%;
}
hr.skinny {
    padding: 0;
    margin: 0:
}
th.pclass {
    background-color: #006600;
    text-align: center;
    border-top: none;
    color: #ffffff;
}
td.cldesc {
     background-color: #ffffff;
     fontweight: bold;
     font-size: .8em;
}   
td.clinst {
     background-color: #ffffff;
     vertical-align: top;
     border: none;
     font-size: .8em;
     font-weight: bold;
} 
td.cldate {
     background-color: #ffffff;
     vertical-align: top;
     border: none;
     border-right: none;
     font-size: .8em;
     text-align: center
} 
th#view-field-event-start-1-table-column {
    max-width: 150px;
    min-width: 6em;
}
th#view-field-event-end-1-table-column {
    max-width: 150px;
    min-width: 6em;
}
/**
 *  Sector pictures
 */
img.sectorflower {
   width: 70px;
}
@media screen and (max-width: 768px)  {
  img.sectorflower {
  height: 30px;
  width: 30px;
   }
}
.sectortitle {
  font-size: 2em;
  font-weight: bold;
  color: #006600;
  padding-left: 2%;
  position:relative;
  bottom: .6em;
  vertical-align:bottom;
}
@media screen and (max-width: 768px)  {
.sectortitle {
  font-size: 1.5em;
  line-height: 2em;
  bottom: auto;
  font-weight: bold;
  color: #660099;
  padding-left: 1%;
  }
}
img.sectorpic {
   width: 100%;
   height: 266px;
}
@media screen and (max-width: 768px)  {
    img.sectorpic {
    width: 100%;
    height: auto;
}
}
 div#block-oraclepressmainpicture {
    width: 52%;
    margin-right: 2.1%;
    float: right;
    margin-top: -.25%;
    border-bottom: solid 1px #cccccc;
}

@media screen and (max-width: 768px)  {
    div#block-oraclepressmainpicture {
    width: 100%;
    float: left;
}
}
div#block-peacepentagonmainpicture {
    width: 52%;
    margin-right: 2.2%;
    float: right;
    margin-top: 0;
    margin-bottom: 0;
}
@media screen and (max-width: 768px)  {
    div#block-peacepentagonmainpicture {
    width: 100%;
    float: left;
}
}
div#block-curriculumpicture {
    width: 52%;
    margin-right: 2.2%;
    float: right;
    margin-top: 0;
    margin-bottom: 0;
}

@media screen and (max-width: 768px)  {
    div#block-curriculumpicture {
    width: 100%;
    float: left;
}
}
div#block-peacepentagonmainpicture {
    width: 52%;
    margin-right: 2.2%;
    float: right;
    margin-top: 0;
    margin-bottom: 0;
}

@media screen and (max-width: 768px)  {
    div#block-peacepentagonmainpicture {
    width: 100%;
    float: left;
}
}
div#block-volcommunitypicture {
    width: 52%;
    margin-right: 2.2%;
    float: right;
    margin-top: 0;
    margin-bottom: 0;
}

@media screen and (max-width: 768px)  {
    div#block-volcommunitypicture {
    width: 100%;
    float: left;
}
}
div#block-oursymbolpicture {
    width: 52%;
    margin-right: 2.2%;
    float: right;
    margin-top: 0;
    margin-bottom: 0;
}

@media screen and (max-width: 768px)  {
    div#block-oursymbolpicture {
    width: 100%;
    float: left;
}
}
div#block-paradigmpicture {
    width: 52%;
    margin-right: 2.2%;
    float: right;
    margin-top: 0;
    margin-bottom: 0;
}

@media screen and (max-width: 768px)  {
    div#block-paradigmpicture {
    width: 100%;
    float: left;
}
}
div#block-classesandretreatspicture {
    width: 52%;
    margin-right: 2.2%;
    float: right;
    margin-top: 0;
    margin-bottom: 0;
}

@media screen and (max-width: 768px)  {
    div#block-classesandretreatspicture {
    width: 100%;
    float: left;
}
}
div#block-oraclepresspicture {
    width: 52%;
    margin-right: 2.2%;
    float: right;
    margin-top: 0;
    margin-bottom: 0;
}

@media screen and (max-width: 768px)  {
    div#block-oraclepresspicture {
    width: 100%;
    float: left;
}
}
#wowslider-container2 {
    display: flex !important;
    zoom: 1;
    position: relative;
    width: auto;
    max-height: 340px;
    margin: 0px auto 0px;
    z-index: 90;
    /* text-align: left; */
    justify-content: center !important;
    font-size: 10px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
div#block-authorspicture {
    width: 52%;
    margin-right: 2.2%;
    float: right;
    background: #efeff5;
    text-align: center;
    margin-top: .8% !important;
    margin-bottom: 0;
    padding-bottom: 3.3%
}

@media screen and (max-width: 768px)  {
    div#block-authorspicture {
    width: 100%;
    text-align: center;
    float: left;
}
}
div#block-authorsubmissionpicture {
    width: 52%;
    margin-right: 2.2%;
    float: right;
    margin-top: 0;
    margin-bottom: 0;
}

@media screen and (max-width: 768px)  {
    div#block-authorsubmissionpicture {
    width: 100%;
    float: left;
}
}
div#block-communityprinciplespicture {
    width: 52%;
    margin-right: 2.2%;
    float: right;
    margin-top: 0;
    margin-bottom: 0;
}

@media screen and (max-width: 768px)  {
    div#block-communityprinciplespicture {
    width: 100%;
    float: left;
}
}
div#block-newmemberprofilepicture {
    width: 52%;
    margin-right: 2.2%;
    float: right;
    margin-top: 0;
    margin-bottom: 0;
}

@media screen and (max-width: 768px)  {
    div#block-newmemberprofilepicture {
    width: 100%;
    float: left;
}
}
div#block-pathsofperfectionpicture {
    width: 52%;
    margin-right: 2.2%;
    float: right;
    margin-top: 0;
    margin-bottom: 0;
}

@media screen and (max-width: 768px)  {
    div#block-pathsofperfectionpicture {
    width: 100%;
    float: left;
}
}
div#block-volpicture {
    width: 46%;
    margin-right: 5.2%;
    float: right;
    margin-top: 0;
    margin-bottom: 0;
}

@media screen and (max-width: 768px)  {
    div#block-volpicture {
    width: 100%;
    float: left;
}
}
div#block-internshippicture {
    width: 52%;
    margin-right: 2.2%;
    float: right;
    margin-top: 0;
    margin-bottom: 0;
}

@media screen and (max-width: 768px)  {
    div#block-internshippicture {
    width: 100%;
    float: left;
}
}
div#block-constructionhistorypicture {
    width: 40%;
    margin-right: 7.8%;
    float: right;
    margin-top: 0;
    margin-bottom: 0;
}

@media screen and (max-width: 768px)  {
    div#block-constructionhistorypicture {
    width: 100%;
    float: left;
}
}
div#block-pastclassespicture {
    width: 52%;
    margin-right: 2.2%;
    float: right;
    margin-top: 0;
    margin-bottom: 0;
}

@media screen and (max-width: 768px)  {
    div#block-pastclassespicture {
    width: 100%;
    float: left;
}
}
div#block-weddingsandservicespic {
    width: 46%;
    margin-right: 5.2%;
    float: right;
    margin-top: 0;
    margin-bottom: 0;
}

@media screen and (max-width: 768px)  {
    div#block-weddingsandservicespic {
    width: 100%;
    float: left;
}
}
div#block-spectrumconsciosnesspicture {
    width: 52%;
    margin-right: 2.2%;
    float: right;
    margin-top: 0;
    margin-bottom: 0;
}

@media screen and (max-width: 768px)  {
    div#block-spectrumconsciosnesspicture {
    width: 100%;
    float: left;
}
}
div#block-enlightenmentpicture {
    width: 52%;
    margin-right: 2.2%;
    float: right;
    margin-top: 0;
    margin-bottom: 0;
}

@media screen and (max-width: 768px)  {
    div#block-enlightenmentpicture {
    width: 100%;
    float: left;
}
}
div#block-templepicture {
    width: 52%;
    margin-right: 2.2%;
    float: right;
    margin-top: 0;
    margin-bottom: 0;
}

@media screen and (max-width: 768px)  {
    div#block-templepicture {
    width: 100%;
    float: left;
}
}
div#block-spiritualgatheringspicture {
    width: 46%;
    margin-right: 5.2%;
    float: right;
    margin-top: 0;
    margin-bottom: 0;
}

@media screen and (max-width: 768px)  {
    div#block-spiritualgatheringspicture {
    width: 100%;
    float: left;
}
}
div#block-pphubpicture {
    width: 52%;
    margin-right: 2.2%;
    float: right;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    height: auto;
}
@media screen and (max-width: 768px)  {
    div#block-pphubpicture {
    width: 100%;
    float: left;
    height: auto;
}
}
.bmh {
width: 520px;
height: 265px;
}
@media screen and (max-width: 768px)  {
    .bmh {
    width: 400px;
    height: 205px;
    }
}    
/**
 *  Event Items Formatting Adjustments
 */
div.field.field--name-field-contact-phone.field--type-telephone.field--label-inline.quickedit-field {
   clear: both;
   float: left;
}
div.field.field--name-field-event-start-1.field--type-datetime.field--label-inline.quickedit-field {
   font-weight: bold;
}
div.field.field--name-field-event-end-1.field--type-datetime.field--label-inline.quickedit-field {
   font-weight: bold;
}
/**
 *  Event View Formatting Adjustments
 */
th#view-field-event-start-1-table-column { 
   max-width: 150px;
}
th.views-field.views-field-title {
   color: #006600;
}
th.views-align-center.views-field.views-field-field-presenter.views-align-center {
   min-width: 120px;
}
@media screen and (max-width: 768px)  {
    th.views-align-center.views-field.views-field-field-presenter.views-align-center {
    min-width: 0px;
}
}
/**
 *  Event formatting - be carefull with labels - they are used in all content types.
 */
.field--label-inline {
   color : #660099 !important;
   line-height: 2em !important;
}
.field__item {
   color: #3b3b3b !important;
}
.field__label {
   color : #660099 !important;
   line-height: 2em !important;
}
button, select {
    text-transform: none;
    border: solid 1px #006600;
    background: #eaf1dd;
}
div.field.field--name-field-event-end-1.field--type-datetime.field--label-inline.quickedit-field {
    font-weight: normal
}
div.field.field--name-field-event-start-1.field--type-datetime.field--label-inline.quickedit-field {
    font-weight: normal
}
div.field.field--name-field-event-image.field--type-image.field--label-hidden.field__item.quickedit-field {
    width: 25%;
    float: left;
    margin-right: 25px;
}
div.field.field--name-field-presenter.field--type-link.field--label-inline.quickedit-field {
   display: inline-flex;
   width: 100%;
}
div.field.field--name-field-presenter.field--type-link.field--label-inline {
     display: inline-flex;
     width: 100%;
}
/**
 *  Title Magic
 */
@media screen and (min-width: 768px)  {
     div#block-bookstoretitlelower {
     display: none;
     }
}
@media screen and (max-width: 768px)  {
     div#block-bookstoretitle {
     display: none;
     }
}
@media screen and (min-width: 768px)  {
     div#block-presstitlelower {
     display: none;
     }
}
@media screen and (max-width: 768px)  {
     div#block-presstitle {
     display: none;
     }
}
@media screen and (min-width: 768px)  {
     div#block-authorstitlelower {
     display: none;
     }
}
@media screen and (max-width: 768px)  {
     div#block-authorstitle {
     display: none;
     }
}
@media screen and (min-width: 768px)  {
     div#block-authorsubmissiontitlelower {
     display: none;
     }
}
@media screen and (max-width: 768px)  {
     div#block-authorsubmissiontitle {
     display: none;
     }
}
@media screen and (min-width: 768px)  {
     div#block-authorservicestitlelower {
     display: none;
     }
}
@media screen and (max-width: 768px)  {
     div#block-authorservicestitle {
     display: none;
     }
}
@media screen and (min-width: 768px)  {
     div#block-curriculumtitlelower {
     display: none;
     }
}
@media screen and (max-width: 768px)  {
     div#block-curriculumtitle {
     display: none;
     }
}
@media screen and (min-width: 768px)  {
     div#block-classesandretreatstitlelower {
     display: none;
     }
}
@media screen and (max-width: 768px)  {
     div#block-classesandretreatstitle {
     display: none;
     }
}
@media screen and (min-width: 768px)  {
     div#block-pastclassestitlelower {
     display: none;
     }
}
@media screen and (max-width: 768px)  {
     div#block-pastclassestitle {
     display: none;
     }
}
@media screen and (min-width: 768px)  {
     div#block-retreatcentertitlelower {
     display: none;
     }
}
@media screen and (max-width: 768px)  {
     div#block-retreatcentertitle {
     display: none;
     }
}
@media screen and (min-width: 768px)  {
     div#block-internshipprogramstitlelower {
     display: none;
     }
}
@media screen and (max-width: 768px)  {
     div#block-internshiptitle {
     display: none;
     }
}
@media screen and (min-width: 768px)  {
     div#block-constructionhistorytitlelower {
     display: none;
     }
}
@media screen and (max-width: 768px)  {
     div#block-constructionhistorytitle {
     display: none;
     }
}
@media screen and (min-width: 768px)  {
     div#block-aboutcommunitytitlelower {
     display: none;
     }
}
@media screen and (max-width: 768px)  {
     div#block-aboutcommunitytitle {
     display: none;
     }
}
@media screen and (min-width: 768px)  {
     div#block-pathsofperfectiontitlelower {
     display: none;
     }
}
@media screen and (max-width: 768px)  {
     div#block-pathsofperfectiontitle {
     display: none;
     }
}
@media screen and (min-width: 768px)  {
     div#block-newmemberprofiletitlelower {
     display: none;
     }
}
@media screen and (max-width: 768px)  {
     div#block-newmemberprofiletitle {
     display: none;
     }
}
@media screen and (min-width: 768px)  {
     div#block-volvisittitlelower {
     display: none;
     }
}
@media screen and (max-width: 768px)  {
     div#block-volvisittitle {
     display: none;
     }
}
@media screen and (min-width: 768px)  {
     div#block-weddingsservicestitlelower {
     display: none;
     }
}
@media screen and (max-width: 768px)  {
     div#block-weddingsservicestitle {
     display: none;
     }
}
@media screen and (min-width: 768px)  {
     div#block-spiritualparadigmstitlelower {
     display: none;
     }
}
@media screen and (max-width: 768px)  {
     div#block-spiritualparadigmstitle {
     display: none;
     }
}
@media screen and (min-width: 768px)  {
     div#block-communityprinciplestitlelower {
     display: none;
     }
}
@media screen and (max-width: 768px)  {
     div#block-communityprinciplestitle {
     display: none;
     }
}
@media screen and (min-width: 768px)  {
     div#block-spectrumtitlelower {
     display: none;
     }
}
@media screen and (max-width: 768px)  {
     div#block-spectrumtitle {
     display: none;
     }
}
@media screen and (min-width: 768px)  {
     div#block-enlightenmenttitlelower {
     display: none;
     }
}
@media screen and (max-width: 768px)  {
     div#block-enlightenmenttitle {
     display: none;
     }
}
@media screen and (min-width: 768px)  {
     div#block-spiritualgatheringstitlelower {
     display: none;
     }
}
@media screen and (max-width: 768px)  {
     div#block-spiritualgatheringstitle {
     display: none;
     }
}
@media screen and (min-width: 768px)  {
     div#block-templetitlelower {
     display: none;
     }
}
@media screen and (max-width: 768px)  {
     div#block-templetitle {
     display: none;
     }
}
@media screen and (min-width: 768px)  {
     div#block-templeeventstitlelower {
     display: none;
     }
}
@media screen and (max-width: 768px)  {
     div#block-oracletempleeventstitle {
     display: none;
     }
}
@media screen and (min-width: 768px)  {
     div#block-oursymboltitlelower {
     display: none;
     }
}
@media screen and (max-width: 768px)  {
     div#block-oursymboltitle {
     display: none;
     }
}
@media screen and (min-width: 768px)  {
     div#block-pphubtitlelower {
     display: none;
     }
}
@media screen and (max-width: 768px)  {
     div#block-pphubtitle {
     display: none;
     }
}

div.field.field--name-field-presenter-picture.field--type-image.field--label-hidden.field__items {
    width: 15%;
}
@media screen and (max-width: 768px)  {
    div.field.field--name-field-presenter-picture.field--type-image.field--label-hidden.field__items {
       width: 100%;
    }
}
div.field.field--name-field-presenter-picture.field--type-image.field--label-hidden.field__items.quickedit-field {
    width: 15%;
}
@media screen and (max-width: 768px)  {
    div.field.field--name-field-presenter-picture.field--type-image.field--label-hidden.field__items.quickedit-field {
       width: 100%;
    }
}
div.field.field--name-field-event-image.field--type-image.field--label-hidden.field__item.quickedit-field {
    width: 25%;
}
@media screen and (max-width: 768px)  {
    div.field.field--name-field-event-image.field--type-image.field--label-hidden.field__item.quickedit-field {
       width: 100%;
    }
}
td.priority-medium.views-field.views-field-field-event-image.views-align-center {
    width: 100px;
}
div.field.field--name-field-founder-blog-image.field--type-image.field--label-hidden.field__items {
   width:30%;
}
@media screen and (max-width: 420px)  {
       div.field.field--name-field-founder-blog-image.field--type-image.field--label-hidden.field__items {
       width: 100%;
    }
}
img {
    width: 100%;
    height: auto;
}
player, .player h1, .player h2 {
    font-family: "Helvetica Neue",Helvetica,Arial!important;
    font-size: 5px!important;
}
td.views-field.views-field-field-presenter {
    white-space: nowrap;
}
@media screen and (max-width: 768px)  {
       td.views-field.views-field-field-presenter {
       white-space: normal  
       }    
}