@tailwind base;
@tailwind components;
@tailwind utilities;


.dropdown:hover .dropdown-menu {
	display: block;
}

.rounded-fat {
    border-radius: 2rem;
}

.rounded-midfat {
    border-radius: 1rem;
}

.rounded-t-fat {
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
}

.rounded-l-fat {
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
}

.rounded-r-fat {
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
}

.rounded-l-midfat {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
}

.rounded-r-midfat {
    border-top-right-radius:1rem;
    border-bottom-right-radius: 1rem;
}

.rounded-t-midfat {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

.rounded-b-midfat {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

.h-80 {
    height: 20rem;
}

.h-100 {
    height: 25rem;
}

.w-80 {
    width: 20rem;
}

.w-100 {
    width: 25rem;
}

.left-1\/2 {
    left: 50%;
    transform: translateX(-50%);
}

.h-2\/3 {
    height: 33.3333333%;
  }

.smb-header {
	border-color: #3c3a39;
}

.bg-smb-header {
    --bg-opacity: 1;
    background-color: #3c3a39;
    background-color: rgba(60, 58, 57, var(--bg-opacity));
}

.bg-blue-nordvpn {
    --bg-opacity: 1;
    background-color: #3872ff;
    background-color: rgba(55, 114, 255, var(--bg-opacity));
}

.bg-smb-header-100 {
    --bg-opacity: 1;
    background-color: #3c3a39;
    background-color: rgba(60, 58, 57, var(--bg-opacity));
}

.text-yellow-smb {

    color: #ffb03b;

}

.text-smb-header {
	color: #3c3a39;
}

.border-yellow-smb{
	border-color: #ffb03b;
}

.text-black-smb {
    --bg-opacity: 1;
    color: #3c3a39;
    color: rgba(60, 58, 57, var(--bg-opacity));
}

.hover\:text-yellow-smb:hover {

    color: #ffb03b;

}

.bg-yelow-smb {

    background-color: #ffb03b;

}

.bg-yellow-smb-hover:hover {

    background: #ffa012;

}

.text-yellow-smb-sombre {

	color: #ffa012;

}

.hover\:bg-yelow-smb:hover {

    background-color: #ffb03b;

}

.py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }


.tw-w-full {
    width: 100%;
}
.md\:tw-w-1\/4 {
    width: 25%;
}
.md\:tw-w-3\/4 {
width: 75%;
}


/** ROYALTI **/

.text-orange-royalti{
	color: #ff9164;
}

.bg-orange-royalti{
	background-color: #ff9164;
}

.text-purple-royalti{
	color: #574281;
}

.text-beige-royalti{
	color: #f3e4db;
}

.font-raleway{
	font-family: 'Raleway', sans-serif;
}

#footer .social-links a {
	font-size: 18px;
	display: inline-block;
	background: #46423b;
	color: #fff;
	line-height: 1;
	padding: 8px 0;
	margin-right: 15px;
	border-radius: 50%;
	text-align: center;
	width: 36px;
	height: 36px;
	transition: 0.3s;
}

#footer .social-links a:hover {
	background: #ffb03b;
}


.background-transparent {
	/*setting alpha = 0.1*/
	/*background: rgba(60, 58, 57, 0.4);*/
	background: rgba(0, 0, 0, 0.5);
	border-radius: 1rem;

}

.background-black-transparent {
	/*setting alpha = 0.1*/
	/*background: rgba(60, 58, 57, 0.4);*/
	background: rgba(0, 0, 0, 0.05);
	border-radius: 1rem;

}

.carousel-cell {
	margin-right: 0;
	margin-left: 0;
}

.leading-16{
	line-height: 4rem;
}

@media (min-width: 640px){
	.sm-leading-24{
		line-height: 6rem;
	}
}

@media (max-width: 640px) {
	.text-xxs {
		font-size: 0.5rem;
	}
}