/*
Theme Name:   treefort2021childharbor
Description:  A child theme for the Treefort 2021 Theme
Author:       Treefort Digital
Author URL:   https://treefortdigital.com/
Template:     treefort2021
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  treefort2021childharbor
*/

/* Write here your own personal stylesheet */

/*
  1.0 GENERAL
  2.0 TYPOGRAPHY
  3.0 BUTTONS
  4.0 NAV

*/


/* 1.0 GENERAL */

body{
  color: #404040;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

#page .entry-header{
  display: none;
}


/* 2.0 TYPOGRAPHY */

h1, h2, h3, h4, h5, h6{
  margin: 0px;
  line-height: 1.2;
}

h1{
  font-size: 54px;
  font-weight: 800;
  letter-spacing: 3px;
}
h2{
  font-size: 36px;
  font-weight: 400;
  letter-spacing: 5px;
}
h3{
  font-size: 28px;
  font-weight: 400;
  letter-spacing: 5px;
}
h4{
  font-size: 21px;
  font-weight: 400;
  letter-spacing: 5px;
}
h5{
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 5px;
}
h6{
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 5px;
}

.subhead{
  color: #C6583C;
  letter-spacing: 3px;
}

.subhead.white{
  color: #FFFFFF;
}

p{
  margin-top: 15px;
}


/* 3.0 BUTTONS */

.btn, .btn:visited{
  background-color: #C6583C;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  padding: 10px 25px;
  box-sizing: border-box;
  margin: 15px 0px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 3px;
  border: 1px solid #C6583C;
  -webkit-transition: all, .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.btn:hover{
  background-color: #FFFFFF;
  color: #C6583C;
  cursor: pointer;
}



/* 4.0 NAV */
.tfd-nav .featured-menu{
  display: none;
  margin-right: 91px;
}

.featured-menu li a{
  text-decoration: none;
}

.featured-menu li a:hover{
  color: rgb(198, 88, 60);
  -webkit-transition: all, .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.tfd-nav .visible{
  display: flex;
}




/* 6.0 SO WIDGETS OVERRIDE */

/* HOMEPAGE CALLOUT */
#homepage-call-out .tfd-c2a-content{
  padding: 300px 60px;
}

#homepage-call-out .tfd-c2a-content h1{
  font-size: 80px;
}


@media only screen and (max-width: 900px) {
  #homepage-call-out .tfd-c2a-content{
    padding: 100px 60px;
  }

  #homepage-call-out .tfd-c2a-content h1{
    font-size: 40px;
    line-height: 44px;
  }
}

.tfd-ot-widget-wrapper{
  display: flex;
  justify-content: space-around;
}


/*  */
.homepage-so-image h3.widget-title{
  position: absolute;
  top: calc(50% - 23px);
  left: 0;
  right: 0;
  margin: 0px auto;
  border: none;
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  pointer-events: none;
  z-index: 102;
}
.homepage-so-image .so-widget-sow-image .sow-image-container {
 position: relative;
 overflow: hidden;
 z-index: 100;
}
.homepage-so-image .so-widget-sow-image .sow-image-container::before {
 position: absolute;
 content: '';
 width: 100%;
 height: 100%;
 background: #170f05;
 opacity: .4;
 z-index: 101;
 pointer-events: none;
}
.homepage-so-image .so-widget-sow-image {
 position: relative;
}
.homepage-so-image .so-widget-sow-image:hover {
 cursor: pointer;
}
.homepage-so-image .so-widget-sow-image img {
  -webkit-transition: all, .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.homepage-so-image .so-widget-sow-image:hover img {
 transform: scale(1.1);
}


.harbor-gluten{
  display: block;
  height: 16px;
  width: 16px;
  background-image: url('https://harborslc.com/wp-content/themes/treefort2021childharbor/img/harbor-grain.svg');
  background-size: contain;
  margin: 0 3px 3px 3px;
}

.harbor-pepper{
  display: block;
  height: 16px;
  width: 16px;
  background-image: url('https://harborslc.com/wp-content/themes/treefort2021childharbor/img/harbor-pepper.svg');
  background-size: contain;
  margin: 0 3px 3px 3px;
}

.harbor-nut{
  display: block;
  height: 16px;
  width: 16px;
  background-image: url('https://harborslc.com/wp-content/themes/treefort2021childharbor/img/harbor-nut.svg');
  background-size: contain;
  margin: 0 3px 3px 3px;
}