/*
 Theme Name:     Yolohub Divi Child
 Theme URI:      https://yolohub.co.za/wp-content/themes/Divi
 Description:    Divi Child Theme
 Author:         Ferox Creative
 Author URI:     https://yolohub.co.za/
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("https://use.typekit.net/niu8vkg.css");

.obviously {
	font-family: "obviously", sans-serif;
	font-style: normal;
}

.obv-wide {
	font-family: "obviously-wide", sans-serif;
	font-style: normal;
}

.obviously-n { 
font-family: "obviously-narrow", sans-serif;
font-style: normal;
}

.zuume {
	font-family: "zuume-black", sans-serif!important;
	font-weight: 700;
	font-style: normal;
}


h1, h2, h3 {
	font-family: "obviously", sans-serif;
	font-weight: 400;
}


h5 {
	text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px;
}


/* Links */
a {
	text-decoration: none;
	font-weight: 600;
	transition: .3s ease;
}

a:hover {
  text-decoration: none; 
}

a.txtlink {
  font-weight: 600;
  color: #111111;
	border-bottom:1px solid #ccc;
}

a.txtlink:hover {
  font-weight: 600;
  color: #111111;
	border-bottom:1px solid #444;
}

a:hover {
  text-decoration: none; }


a.circlink {
	z-index: 100;
    font-weight: 600;
	color: #222!important;
	transition: .3s ease;
	cursor: pointer;
}

a.circlink:before {
    font-family: ETmodules!important;
    speak: none;
    font-style: normal;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\3d";
    padding-right: 5px;
    font-size: 13px;
    color: #222;
}

a.circlink:hover {
    margin-left: 5px;
}

/* Menu */

#top-menu li a {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 17px;
    color: #2c3333 !important;
    letter-spacing: 1px;
    font-family: "obviously-narrow", sans-serif !important;
}

#top-menu > li > ul {
    background-color: #e4eef5!important;
    border-color: #edf6ff;
}


/* mobile menu */
  .et_mobile_menu {
      max-height: 60vh;
      overflow-y: auto;
	  border-radius: 0px 0px 10px 10px;
  }

	.et_mobile_menu li a {
		font-weight: 600;
		text-transform: uppercase;
		font-size: 16px;
		color: #2c3333 !important;
		letter-spacing: 1px;
		font-family: "obviously-narrow", sans-serif !important;
		padding: 10px 6px;
	}

  @media all and (max-width: 980px){

	  /* mobile menu toggle */
       .mobile_menu_bar {
          border-radius: 50px;
          background-color: rgba(44,51,51,0.1);
          padding: 8px;
      }
  }

.et_header_style_left #et-top-navigation .mobile_menu_bar {
	margin-bottom: 24px;
    padding: 8px;
}


  /* open mobile menu icon */
  .et-db #et-boc .et-l .dvcs_free_header_9 .opened .mobile_menu_bar:before {
      content: "\4d";
  }

  /* mobile menu parent menu items */
  .dvcs_free_header_9 .et_mobile_menu .menu-item-has-children > a {
      background-color: transparent;
  }



/* --------- BUTTON ------------*/

.et_pb_button, .et_pb_button:hover {
    border-radius: 0px !important;
	border: none;
	border-bottom: 1px solid!important;
    padding: 0px 0px 6px!important;
    font-weight: 600;
    letter-spacing: 2px;
	text-transform: uppercase;
	opacity: 0.8;
}

.et_pb_button:hover {
    background-color: hsla(0, 0%, 100%, 0);
	opacity: 1;}



.et_pb_bg_layout_light.et_pb_button:hover, .et_pb_bg_layout_light .et_pb_button:hover {
    background-color: rgba(0, 0, 0, 0)!important;
}



/* Blurbs */

.et_pb_blurb.homeprod {
    background-color: #ffffff;
    border-radius: 10px 10px 10px 10px;
    overflow: hidden;
    padding-top: 20px!important;
    padding-right: 5%!important;
    padding-bottom: 10%!important;
    padding-left: 5%!important;
}


a.big-button, a.small-button, a.icon-button {
  cursor: pointer; }

.fwidget h4.title {color:#fff!important;}



/* --------- INFO BOXES ------------*/


.dtq-btn-info-box{
	background-color: transparent!important;
	color: #111!important;
	letter-spacing: 2px;
    text-transform: uppercase;
    vertical-align: top;
    padding: 0px!important;
    position: relative;
    cursor: pointer;
	font-size: 12px!important;
	border-color: transparent!important;
    border: 0px;
	display:block;
	border-radius: 0px!important;
}


.dtq-info-box-btn {padding-top: 20px!important;
	border-radius: 0px!important;
	border-bottom: 1px solid #aaa;
	
	display: inline-block;
	background-color: transparent;
	transition:transform .7s cubic-bezier(.76,0,.24,1);
}

.dtq-info-box-btn .et_pb_button:hover {
	border: 0px;
    padding: 0px 0px 6px!important;
}

.dtq-info-box-btn:hover {
	border-bottom: 1px solid #333;
}

.ba_info_box {
    background-color: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    overflow: hidden;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    box-shadow: 0px 12px 18px -6px rgba(0, 0, 0, 0.3);
    text-align: center;
}



.reveal-btn{
  display:inline-block;
  text-decoration:none;
  overflow:hidden;
}

.reveal-text{
  display:flex;
  font-size:24px;
  text-transform:uppercase;
  color:#b58b62;
  line-height:1;
}

.char-wrap{
  position:relative;
  display:inline-block;
  overflow:hidden;
}

.char{
  position:relative;
  display:block;
  transition:transform .7s cubic-bezier(.76,0,.24,1);
	text-align: center;
}

.char::after{
  content:attr(data-char);
  position:absolute;
  left:0;
  top:100%;
}

.reveal-btn:hover .char{
  transform:translateY(-100%);
}


/* --------- FOOTER ------------*/


footer .sml {
	color: #babdc0;
	font-size: 12px;
	line-height: 10px;
}

footer li {
	width: 100%;    	
	list-style: none;
    margin-left: -16px;
}

footer li a {
	border-bottom: 1px solid #2f3840;
	color: #babdc0;
	font-size: 15px;
	line-height: 30px;
    padding-bottom: 2px;
}


footer li a:hover {
	border-bottom: 1px solid #fff;
	color: #fff;
}


/* --------- LISTS ------------*/

ul.featlist {
	list-style-type: none;
    padding: .7em 0 .3em 0em;
    line-height: 1.7em;
}

ul.featlist li {
	border-bottom: 1px solid #ccc;
    padding-bottom: 7px;
    margin-bottom: 7px;
}

ul.featlist li:last-child {
	border-bottom:none;
}

ul.featlist li:before{
    font-family: ETmodules!important;
    speak: none;
    font-style: normal;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\3d";
    padding-right: 5px;
    font-size: 12px;
	color: #ad8c68;
}

/* --------- Shop ------------*/
.woocommerce ul.products li.product a {
	text-align: center;
}

.et_pb_wc_description, .et-l--body ul  {
	list-style-type: none!important;
    padding: .7em 0 .3em 0em!important;
    line-height: 1.7em!important;
}

.et_pb_wc_description ul li {
	border-bottom: 1px solid #ccc;
    padding-bottom: 7px;
    margin-bottom: 7px;
}

.et_pb_wc_description ul li:last-child {
	border-bottom:none;
}

.et_pb_wc_description ul li:before{
    font-family: ETmodules!important;
    speak: none;
    font-style: normal;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\3d";
    padding-right: 5px;
    font-size: 12px;
	color: #ad8c68;
}

.et-cart-info { display: none; }

.woocommerce ul.products li.product .price {
	font-weight: 700;
}

.wpcf7 textarea {
    max-height: 70px;
}