/*
Theme Name: Tigani 1.0
Theme URI: http: //mysite.com/
Description: This is a custom child theme for Salient
Author: My Name
Author URI: http: //rockyrositano.com/
Template: salient
Version: 0.1
*/

/*Typography*/
/*font colors */
html {
  font-family: "Lato", sans-serif;
  font-size: 14px;
  color: #333;
  -webkit-font-smoothing: antialiased; }

/* breakpoints */
@media (min-width: 576px) {
  html {
    font-size: 16px; } }
@media (min-width: 768px) {
  html {
    font-size: 18px; } }
@media (min-width: 768px) and (orientation: portrait) {
  html {
    font-size: 24px; } }
@media (min-width: 992px) {
  html {
    font-size: 20px; } }
@media (min-width: 992px) and (orientation: portrait) {
  html {
    font-size: 28px; } }
@media (min-width: 1200px) {
  html {
    font-size: 22px; } }
p, a {
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  line-height: 1rem;
  margin-bottom: 0; }

ul,
ol {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }

ul li,
ol li {
  line-height: 1.5rem; }

ul ul,
ol ul,
ul ol,
ol ol {
  margin-top: 0;
  margin-bottom: 0; }

blockquote {
  line-height: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Lora", serif;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.5rem; }

h1 {
  font-size: 3.228rem;
  line-height: 3.8rem; }

h2 {
  font-size: 2.228rem;
  line-height: 2.2rem; }

h3 {
  font-size: 1.414rem; }

h4 {
  font-size: 0.707rem; }

h5 {
  font-size: 0.4713333333rem; }

h6 {
  font-size: 0.3535rem; }

@media (orientation: portrait) {
  h1 {
    font-size: 2.828rem;
    line-height: 3rem; }

  h2 {
    font-size: 2rem; } }
table {
  margin-top: 1.5rem;
  border-spacing: 0px;
  border-collapse: collapse; }

table td,
table th {
  padding: 0;
  line-height: 33px; }

code {
  vertical-align: bottom; }

.lead {
  font-size: 1.414rem; }

.hug {
  margin-top: 0; }

.link-text {
  text-decoration: none;
  font-style: italic; }
  .link-text:hover {
    text-decoration: none;
    color: #d4b775; }

.color-black {
  color: #333; }

.color-white {
  color: #FFF; }

.color-yellow {
  color: #ffd167; }

.color-darkyellow {
  color: #d4b775; }

.color-red {
  color: #9b4b3b; }

.tigani-font {
  font-family: "Playfair Display", serif;
  text-transform: uppercase; }

#big-dot {
  font-size: 6rem;
  line-height: 0px; }

.text-hidden {
  opacity: 0; }

.text-show {
  opacity: 1; }

/*front page*/

.section1 {
  background: url(/wp-content/uploads/2018/10/LandingBG.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center; }

#scroll-down {
  width: 100%; }

@media (orientation: portrait) {
  .section1 {
    background: url(/wp-content/uploads/2018/10/LandingBGMobile.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; } }
  .section1 a{
  -webkit-animation: ca3_fade_move_down 2s ease-in-out infinite;
	-moz-animation:    ca3_fade_move_down 2s ease-in-out infinite;
	animation:         ca3_fade_move_down 2s ease-in-out infinite;
}


/*animated scroll arrow animation*/
@-webkit-keyframes ca3_fade_move_down {
  0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,20px); opacity: 0; }
}
@-moz-keyframes ca3_fade_move_down {
  0%   { -moz-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -moz-transform:translate(0,20px); opacity: 0; }
}
@keyframes ca3_fade_move_down {
  0%   { transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,20px); opacity: 0; }
}

.section2 {
  background: url(/wp-content/uploads/2018/10/AboutBG.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center; }

@media (orientation: portrait) {
  .section2 {
    background: url(/wp-content/uploads/2018/10/AboutBGMobile.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; } }
.section3 {
  background: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center; }

#bottles {
  height: 33.33vh; }

#products-text{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.section4 {
  background: url(/wp-content/uploads/2018/10/ProcessingBG.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center; }

@media (orientation: portrait) {
  .section4 {
    background: url(/wp-content/uploads/2018/10/ProcessingBGMobile.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; } }
.section5 {
  background: #E6E4E0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center; }

#harvester {
  box-shadow: 6px 6px 30px rgba(0, 0, 0, 0.3); }

#kingsford-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #3f4f22; }
  #kingsford-text p {
    font-family: "Lora", serif;
    font-style: italic; }

.section6 {
  background: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center; }

.posts-home-btn {
  height: 50vh;
  border: 1px solid #d3d3d3;
  padding: 0; }
  .posts-home-btn a:hover {
    text-decoration: none;}
    .posts-home-btn:hover .posts-home-img {
      -webkit-transform: scale(1.2);
          -ms-transform: scale(1.2);
              transform: scale(1.2);
      -webkit-transition: 1s ease-in-out;
      -o-transition: 1s ease-in-out;
      transition: 1s ease-in-out; }

.posts-home-content {
  height: 50%;
  width: 100%; }
  .posts-home-content a {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 10px; }
	.posts-home-content h3{
		text-transform: uppercase;
	}
.thumb-container {
  overflow: hidden;
  width: 100%;
  height: 50%; }

.posts-home-img {
  height: 100%; }
  
@media (orientation: portrait){
    .section6{
        height: 150vh;
    }
}

/*salient*/
/*reverse row in desktop*/
@media only screen and (min-width: 1001px) {
 .reverse-row >.col.span_12 {
flex-direction: row-reverse !important;
  }
}

#slide-out-widget-area.fullscreen-alt .inner .widget.widget_nav_menu li a,
#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a,
body #slide-out-widget-area.slide-out-from-right-hover .inner .widget.widget_nav_menu li a,
body #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a{
  font-size: 1.2rem;
}