/*
Theme Name: Wholeness In Living
Theme URI: http://monkeycmedia.com
Description: Custom theme created by Monkey C Media for Bob and Mayte Kline. Based on Bootstrap Starter Theme by Simon Padbury
Authors: Monkey C Media / Xavier Masse. Based on BST by Simon Padbury.
Version: 2.7
License: MIT License
License URI: http://opensource.org/licenses/MIT
*/

/*****************
WORDPRESS STYLES
*****************/

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }


/*****************
GENERAL STYLES
*****************/

body {
  background-color: #ff9900;  
  font-size: 1.7rem; 
  font-family: "Roboto", sans-serif;
}

a {
  color: #ff9900;
  text-decoration: none;
}

h2, h4 {
  font-family: "Wholeness", serif;  
  color: #ff9900;
}

h2 {
  font-size: 4rem;
}

h3 {
  font-family: "Merriweather", sans-serif;
  color: #ff9900;
  font-size: 2.1rem;
}

h3 a {
  color: #000000;
}

h4 {
  font-size: 3rem;  
}

.post-meta, .post-meta > span  {
  font-family: "Roboto", sans-serif!important;
  font-size: 1.7rem!important;
  color: #666666!important;
  font-weight: 400!important;
}



.main-container {
  background-color: #fff;
  padding: 10px;
}

#content article span {
  font-family: "Wholeness", serif;
  font-size: 2.6rem;
}


#content article {
  margin-bottom: 0;
}

#content footer {
    padding-bottom: 0;
}

footer .linedecor {
    margin: 70px auto;
}


/*****************
NAVIGATION
*****************/

.navbar-default {
    background-color: #ff9900;
    border: 0;
}

.navbar {
    border-bottom: 3px solid #ffe3b8;  
    border-top: 0;
    margin-bottom: 0;
}

#mega-menu-wrap-navbar-left #mega-menu-navbar-left > li.mega-menu-item {
    padding-top: 10px;
    padding-bottom: 10px;    
}


.navbar-default .navbar-nav li a,
#mega-menu-wrap-navbar-left #mega-menu-navbar-left > li.mega-menu-item > a.mega-menu-link {
    font-family: "Merriweather Sans", sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    color: #fff;  
    text-transform: uppercase;
    letter-spacing: 2px;    
}

#mega-menu-wrap-navbar-left #mega-menu-navbar-left > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-navbar-left #mega-menu-navbar-left > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-navbar-left #mega-menu-navbar-left > li.mega-menu-item > a.mega-menu-link:focus {
      font-weight: 700;
}

#mega-menu-wrap-navbar-left #mega-menu-navbar-left > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child a.mega-menu-link,
#mega-menu-wrap-navbar-left #mega-menu-navbar-left > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  font-family: "Merriweather Sans", sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;  
  text-transform: uppercase;
  letter-spacing: 2px;      
  background-color: #FF9900;
}

#mega-menu-wrap-navbar-left #mega-menu-navbar-left > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-navbar-left #mega-menu-navbar-left > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
  font-family: "Merriweather Sans", sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;  
  text-transform: uppercase;
  letter-spacing: 2px;      
  background-color: #FF9900;  
}

#mega-menu-wrap-navbar-left #mega-menu-navbar-left > li.mega-menu-flyout ul.mega-sub-menu {
  width: 250px;
}




.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #000033;
    background-color: inherit;
}


.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #0E0B65;
    background-color: #FF9900;
}

.dropdown-menu {
  padding: 0;
}


.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .dropdown-menu li, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
  background-color: #FF9900;
}

.dropdown-menu li {
  padding: 5px;
}

/* hide blog link on spanish or english site */
/* add hidden-spanish or hidden-english to individual menu item */
.lang-es .mega-hidden-spanish,
.lang-en .mega-hidden-english {
  display: none!important;
}


 

/*****************
HEADER
*****************/
.header-img {
  display: block;
  margin: auto;
}

/*****************
LANDING
*****************/

/* hide title on home page */
.home header {
  display: none;
}

/* Lightslider */
.lSSlideOuter {
  text-align: center;
}

#light-slider img {
  margin: auto
}

#home-image {
  padding-top: 100px;
  background: url('images/orange-bg.jpg');
  background-size: cover;
  background-position: center center;
  width: 1044px;
  min-height: 697px;
  max-width: 100%;
  margin: auto;  
}

.home-english-text, .home-spanish-text {
    font-family: "Merriweather", serif;
    color: #000066;
    width: 420px;
    font-size: 1.7rem;
    text-align: center;
    line-height: 1.8;
    max-width: 100%;
    margin: 30px auto 20px;
}

.home-english-text a, 
.home-spanish-text a, 
.home-english-text a:visited, 
.home-spanish-text a:visited, 
.home-english-text a:active, 
.home-spanish-text a:active {
  color: #000066;  
  text-decoration: underline;
  font-style: italic;
  font-weight: 600;
}


.home-english-text span, .home-spanish-text span {
  display: block;
  /* text-align: left; */ /* remove comments here to align links left */ 
  margin-left: 50px;
}


/*****************
HOME
*****************/
.postcard {
  background-image: url(images/yellow.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 294px;
  width: 593px;
  max-width: 100%;
  padding: 27px 0 20px 20px;
  margin: 30px auto;
  overflow: auto;
}


.postcard-text {
  width: 270px;
  margin: 50px 0 0 0;  
}

.postcard-text li {
  list-style-type: none;
}

.postcard-text p:nth-of-type(2) {
  font-size: 1.25rem;
}

#postcard-slider .lslide {
  text-align: left;
  padding-top: 30px;
  padding-left: 25px;  
}

.quote-area {
  padding: 25px;
  text-align: center;
  font-family: "Merriweather", serif;
  color: #000066;
  font-weight: 600;
}

.orange-line {
  margin: 40px auto;
  display: block;
}

.quote-author {
  font-size: 1.5rem;
}


/*****************
Peaceful Journey
*****************/

.testimonial-author {
  font-style: italic;
  font-size: 1.8rem!important;
}

/*****************
FORMS
*****************/
.form-control {
    display: inline-block;
    width: 280px;
    max-width: 90%;
    margin-right: 20px;
}

.btn-primary {
    color: #fff;
    background-color: #FF9900;
    border-color: #999999;
}

.btn-primary:hover {
    color: #fff;
    background-color: #ffb94f;
    border-color: #999999;
}

.btn {
}

/*****************
BOOK PAGE
*****************/
.wholeness-living-area {
  text-align: center;
  padding-top: 30px;
}

.wholeness-living {
  margin-bottom: 0;
}

.wholeness-living, .wholeness-living-subtitle {
  font-family: "Wholeness", serif;
  font-size: 4rem;
  color: #ffa07a;
}

.wholeness-living-subtitle {
  font-size: 3rem;  
}


dt {
    font-weight: 400;
}

dl {
    margin-top: 0;
    margin-bottom: 5px;
}


#gallery-1 {
  height: 40px;
  text-align: center;
}

#gallery-1 .gallery-item, .gallery-hidden, .slb_data_title {
  display: none;
}

#gallery-1 .gallery-item:first-child {
  display: block;
}

.page-template-page-books .sidebar h4 {
  color: #ff9900;
}

.page-template-page-books .sidebar {
  text-align: left;
}


.linedecor {
  margin: 40px auto;
}

/*****************
PAGINATION
*****************/
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  background-color: #000064;
}

.pagination>li>a, .pagination>li>span {
  color: #000064;
}


.addtoany_share_save_container {
    clear: both;
    margin: 50px 0 0!important;
}

/*****************
FOOTER
*****************/
.footer-wide {
  border-top: 3px solid #ffe3b8;
}

.site-footer {
  padding: 45px 0 30px
}

.site-footer, .site-footer a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
  letter-spacing: 1px;
  color: #ffffff;
}


/*****************
SIDEBAR
*****************/
.sidebar h4 {
  color: #666666;
}

.sidebar-h4 {
  margin: 0;
}

.sidebar {
  text-align: center;
}

.sidebar .textwidget p {
  font-family: "Roboto", sans-serif;
  color: #666666;
}

.sidebar-logos {
  margin: 20px 0 20px;
  display: block;
}

.ornament-link:before {
  content: url('images/ornament-l.png');
  position: relative;
  left: -5px;
  top: 5px;
}

.ornament-link:after {
  content: url('images/ornament-r.png');  
  position: relative;
  right: -5px;
  top: 5px;  
}

/*****************
MEDIA QUERIES
*****************/


@media (min-width: 768px) {

  /*********  NAVIGATION  *********/
  
  /* center menu horizontally */ 
  .lang-en .navbar-nav {
      float: none; 
      margin: 0;
      display: block;
      width: 840px;
      max-width: 100%;
      margin: auto;
  }
  
  .lang-es .navbar-nav {
      float: none; 
      margin: 0;
      display: block;
      width: 1090px;
      max-width: 100%;
      margin: auto;
  }  
  
  /*********  GENERAl  *********/
  .main-container {
      padding: 0 20px 0 35px;
  }
  
  /* landing page needs equal padding on left and right */
  .home .main-container {
      padding: 0 20px;    
  }
}



@media (min-width: 992px) {

 
  /*********  NAVIGATION  *********/
  .navbar-nav>li + li:before {
      content: url('images/bullet.png');
      float: left;
      line-height: 2.8;
      position: relative;
      left: -4.5px;      
  } 
  
  #mega-menu-wrap-navbar-left #mega-menu-navbar-left > li.mega-menu-flyout + li:before {
      content: url('images/bullet.png');
      float: left;
      line-height: 2.8;
      position: relative;
      z-index: 1000;
      left: -4.5px;    
      display: block;    
  }
  
  
  /*********  GENERAL  *********/  
  .main-container {
      padding: 0 40px 0 70px;
  }  
  
  /* landing page needs equal padding on left and right */
  .home .main-container {
      padding: 0 40px;    
  }  
}


@media (min-width: 992px) {
  #home-image {
    padding-top: 100px;
    background: url('images/orange-bg-full.jpg');
    /* margin-bottom: 610px; */
  }
}