:root{
    --bg-color : #fff;
    --primary-color : #c8aa7b;
    --primary-color-light:  rgba(201, 170, 123, 1);
    --secondary-color: #fffcf7;
    --product-border-color: #f0e5d4;
    --primary-color-hover:#AB9169
}
@font-face{
	src: url('../fonts/PlayfairDisplay-ExtraBold.ttf');
    font-family: 'PlayfairDisplay-ExtraBold';
}

.footer h1, .footer h2, .footer h4, .footer h5,.footer h6, .footer h3{
    font-family: 'PlayfairDisplay-ExtraBold';
    color: white;
}
.footer {
    padding-top: 55px;
    background-color: #242424;
}

.footer__about {
	margin-bottom: 30px;
}

.footer__about p {
    margin-bottom: 20px;
    color: #666666;
    font-size: 12px;
}

.footer__logo {
	margin-bottom: 20px;
}



.footer__widget {
    margin-bottom: 30px;
    margin-top: 20px 
}

.footer__widget h5 {
    color: white;
	margin-bottom: 27px;
}

.footer__widget ul#contact-list li {
    list-style: none;
    padding-bottom: 10px;
}

.footer__widget ul#contact-list li span:first-child {
	font-size: 13px;
    color: var(--primary-color);
    margin-right: 10px;
}

.footer__widget ul#contact-list li span:last-child {
	font-size: 13px;
	color: #666666;
}
.footer__widget ul#contact-list li span:first-child i {
    margin-right: 10px;
    width: 13px;
    height: 13px;
}

.footer__widget ul#recent-post-list li {
  display: inline-block;
  
}
.footer__widget ul#recent-post-list li div:first-child{
    width: 57px;
    height: 57px;
    box-sizing: border-box;
    margin: 0;
    display: inline-block;
    
}

.footer__widget ul#recent-post-list li div img{
   width: 100%;
   height: 100%;
   vertical-align: baseline;
}
.footer__widget ul#recent-post-list li div:last-child span{
    font-size: 11px;
    color: #666666;
}
.footer__widget ul#recent-post-list li div:last-child p{
    display: inline;
    font-size: 13px;
    
}
.footer__widget ul#insta-list li {
    display: inline-block;
    
    padding: 5px;

  }
.footer hr{
    border-top-color: #666666;
}
  .footer__widget ul#insta-list li div  {
      width: 60px;
      height: 60px;
  }

  .footer__widget ul#insta-list li div img{
      width: 100%;
      height: 100%;
  }
.footer__widget ul#recent-post-list li div:last-child{
    width: 75%;
    padding-left: 15px;
    color: var(--primary-color);
    font-weight: bold;
    box-sizing: border-box;
   
   display: inline-block

}

.footer__social a {
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
	height: 25px;
	width: 25px;
	background: var(--primary-color);
	font-size: 12px;
	color: white;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	margin-right: 10px;
	margin-bottom: 5px;
}

.footer__social a:last-child {
	margin-right: 0;
}


.footer__newsletter {
    width: 100%
}

.footer__newsletter ul li{
    display: inline-block;
    /* height: 100%; */
    box-sizing: border-box;
    vertical-align: middle;
}
.footer__newsletter ul li:first-child span{
    color: #666666;
    font-size: 13px;
    font-weight: 500;
}
.footer__newsletter ul li:first-child{
    width: 25%
}
.footer__newsletter ul li:last-child{
    width: 75%;
    float: right;
}

.footer__newsletter ul li:last-child form input{
    padding: 10px;
    width: 80%;
    background-color: #1a1a1a;
    color: #666666;
    font-size: 15px;
    border: 1px solid #666666;
    outline: none;
    font-style: italic;
    margin: 0;
}
.footer__newsletter ul li:last-child form button{
    padding: 10px;
    width: 20%;
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    text-transform: uppercase;
    color: white;
    font-size: 15px;
    float: right;
}
.footer__newsletter ul li:last-child form button:hover{
background-color: var(--primary-color-hover);
}

/* copyright */

.copyright{
    text-align: center;
    background-color: #1a1a1a;
    color: #666666;
    padding: 25px 0;
    display: flex;
    align-items: center;
    justify-items: center;
}

.footer__copyright__text p{
   display: inline;
}