/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/*COOKIES BANNER*/
.cookie-banner{
  position: fixed;
	width:40%;
  bottom: 20px;
  
  right: 20px;
  z-index: 9999;
  display: none;
}

.cookie-inner{
  background:#FFF;
  color:#6c757d;
  padding:16px 18px;
  border-radius:15px;
  display:flex;
  flex-direction:column;
  gap:16px;
  align-items:start;
  justify-content:start;
  box-shadow:0 10px 30px rgba(0,0,0,.3);
  font-weight:400;
}

.cookie-inner p{
  margin:0;
  line-height:1.35;
  font-size:18px;
}

.cookie-actions{
  display:flex;
  gap:12px;
  align-items:center;
  flex:0 0 auto;
}

.cookie-more {
  color:#93111d;
  text-decoration:underline;
  font-size:18px;
  white-space:nowrap;
}
.cookie-more:hover {
	color:#a68820;
}
#cookie-title {
	font-size:26px;
    font-weight:700;
	
}
#accept-cookies{
  background:linear-gradient(90deg, #e8c44a 0%, #c9a227 50%, #a68820 100%);
  color:#fff;
  border:1px solid #c9a227;
  padding:10px 14px;
  border-radius:5px;
  cursor:pointer;
  font-weight:700;
  white-space:nowrap;
}
.cookie-btn{
  border:0;
  padding:10px 30px;
  border-radius:5px;
  cursor:pointer;
  font-weight:700;
  white-space:nowrap;
	font-size:18px;
}
.cookie-btn:hover {
	background: #93111d !important;
    border: 1px solid #93111d !important;
}
.cookie-btn.primary{
  background:#fff;
  color:#0d0732;
}

.cookie-btn.secondary{
  background:#fff;
  color:#93111d;
  border:1px solid #93111d;
}
.cookie-btn.secondary:hover {
	color:#fff;
}

@media (max-width: 700px) {
	.cookie-banner{
		width:auto;
		box-sizing:border-box;
		padding:20px;
		right:auto;
	}
  .cookie-inner {
    flex-direction: column;
    gap: 12px;
  }

  .cookie-actions {
    flex-direction: column;
    align-items: center;
    justify-content: stretch;
    width: 100%;
  }

  .cookie-actions button {
    text-align: center !important;
    width: 100%;
  }
}