/*
Theme Name:		SoloPatagonia
Description:	SoloPatagonia Theme
Theme URI:		https://solopatagonia.com/
Theme Author:	KevinGiu
Author URI:		https://kevingiu.com
Template:		bricks
Version:		1.0.0
Text Domain:	bricks
*/








/* ----------------------- */
/* ------- GENERAL ------- */
/* ----------------------- */


html {
	scroll-behavior: smooth;
	scroll-padding-top: 70px;
}


/* Preloader */

body {
	opacity: 0;
	transition: .3s;
}
body.loaded {
	opacity: 1;
}


/* Scrollbar */

::-webkit-scrollbar {
    width: 6px;
	height: 6px;
}
::-webkit-scrollbar-track {
    background: var(--background-bottom);
    border-radius: 100px;
}
::-webkit-scrollbar-thumb {
    background: var(--color-alt4);
    border-radius: 100px;
}


/* h4 for plain posts */

.brxe-text h4,
.brxe-post-content h4 {
    margin-top: 40px;
    margin-bottom: 15px;
}
.brxe-text h4:first-child,
.brxe-post-content h4:first-child  {
    margin-top: 0;
}


/* Buttons hover */

button[type="button"],
button[type="submit"] {
	transition: .2s;
}

.brxe-button:hover,
button[type="button"]:hover,
button[type="submit"]:hover {
    filter: brightness(1.15) saturate(.85);
}

.brxe-button.bricks-background-light:hover {
	opacity: .94;
}
.brxe-button.bricks-background-dark:hover {
	opacity: .85;
}


/* Google translate */

.gtranslate_wrapper #gt_float_wrapper {
	//bottom: 75px !important;
}

.gtranslate_wrapper .gt_float_switcher {
	display: block;
	border-radius: 10px;
	box-shadow: 0 0 20px #00000015 !important;
	background: rgba(255, 255, 255, 1) !important;
	padding: 5px 5px;
	transition: none !important;
}

.gtranslate_wrapper .gt_options a,
.gtranslate_wrapper .gt-selected div {
	font-size: 13px;
	font-weight: bold;
	font-family: "Domaine Sans Text";
	transition: .2s !important;
	color: #000000dd !important;
	padding: 5px 5px 5px 5px !important;
	display: flex !important;
	gap: 5px;
	align-items: center;
}
.gtranslate_wrapper .gt_options a.gt-current {
	display: none !important;
}

.gtranslate_wrapper .gt_options a {
	border-radius: 6px;
}
.gtranslate_wrapper .gt_options a:hover {
	background: #f5f5f5 !important;
}

.gtranslate_wrapper .gt-selected div span {
	top: 0 !important;
}

.gtranslate_wrapper img {
	width: 28px !important;
}