/**************************
******* VAR *****************
********************/

:root{
	--primary-color: #443730;
	--secund-color: #d9b39b;
	--light-color: #f7e1d6;
	--white: #fff;
    --text: #927869;
    --headline: "Gilroy";
    --parraf: "Gilroy Light";
    --btn: "Gilroy Light"
}

/***********************
********* Fonts **********
**************************/

@font-face {
    font-family: "Gilroy";
    src: url("https://littlebitsnic.com/wp-content/themes/divi-child/assets/fonts/Gilroy-Regular.woff2");
    font-weight: 500;
    font-style: normal;
  }

  @font-face {
    font-family: "Gilroy Light";
    src: url("https://littlebitsnic.com/wp-content/themes/divi-child/assets/fonts/Gilroy-Light.otf");
    font-weight: 500;
    font-style: normal;
  }

  h1,h2,h3,h4,h5,h6{
    font-family: var(--headline) !important;
  }

  P,li,
  .dnxte-feature-list-content{
    font-family: var(--parraf) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    padding-bottom: 0px !important;
  }

  button,
  a.et_pb_button,
  a.dnxte-promobx-btn,
  .dnxte-promobx-after-title{
    font-family: var(--btn)!important;
    letter-spacing: 1px;
}

/************************
******** Hamburger Mobile Header ****
*************************************/

.mobile_menu_bar{

	background-color: var(--secund-color) !important;
	border-radius: 50px !important;
    padding: 5px !important;

}


.mobile_menu_bar:before{

	color: var(--white) !important;

}


ul.sub-menu {

    border-radius: 0px 0px 10px 10px !important;

}

/*List Coverings*/
ul.cov-list li {
  color: #927869;
  font-size: 16px;
  margin-bottom: 5px;
}

ul.cov-list{
  margin-left: 0px;
  list-style: none;
}

ul.cov-list li:before {
  content: "\f101";
  font-family: FontAwesome;
  display: inline-block;
  margin-left: calc( var(--icon-space) * -1 );
  width: var(--icon-space);
  margin-right: 8px;
  padding: 0px 7px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3)!important;
  border: 1px solid #f5f5f5;
  color: var(--secund-color);
}

/**************************
******** Copyright *********
************************/

.copyright-footer{

	text-align: center;
	color: var(--light-color);
	font-weight: 600;
    text-transform: Uppercase;
	font-size: 14px;
    font-family: var(--parraf)!important;

}


.copyright-footer a{	

	color: var(--secund-color);
	font-weight: 800;

}



/***************************

***** Media Queries **********

***************************/