/* Add here all your CSS customizations */
.text-color-header-dark{
    color: #4B4B4B;
}

.text-color-header-light{
    color: #FFFFFF;
}

.margins-50{
    margin: 50px;
}

.text-header-morado{
    color: #330F35;
}

.text-header-morado-suave{
    color: #7A4C80;
}

.text-header-gris-azul{
    color: #556C7C;
}

.text-color-parrafo-dark{
    color: #4B4B4B;
}

.section.section-morado-dark{
    background: #330F35;
}

.section.section-morado-medium{
    background: #54385c;
}

.section.section-morado{
    background: #7A4C80;
}

.section.section-azul-gris{
    background: #314D5E;
}

.section.section-blanco{
    background: #FFFFFF;
}

.section.section-verde-light{
    background: #EEFBF4;
}

.section.section-azul-light{
    background: #f4f8f9;
}

.section.section-amarillo{
    background: rgba(252, 236, 170, 0.3);
}

.section.section-azul-transparencia{
    background: rgba(118, 162, 249, 0.1);
}

.section.section-gris-claro{
    background: #F1F2F2;
}

.section.section-morado-light{
    background: #E8E4E8;
}

.sticky-menu-bar {
            position: fixed;
            top: 30%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            right: -52px;
            width: 160px;
            z-index: 200;
        }
        .sticky-menu-bar a {
            display: block;
            text-align: center;
            padding: 16px;
            background-color: #330F35;
            border-radius: 10px 10px 0px 0px;
            transition: all 0.3s ease;
            transform: rotate(-90deg);
        }
        .sticky-menu-bar a:hover {
            background-color: #2A0A2C;
}

.background_cover_catalogo{
    background-color: #F1F2F2;
}

.organic-shape-background {
  background-image: url("img/aulativa/home/organic_shape_background.png");
  background-color: transparent;
  width: 100%;
  height: auto;
  background-position: right;
}

.banner-interesar {
	background-color: #330F35;
	margin-bottom: 0px;
	overflow: hidden;
	padding: 38.4px 0;
	padding: 2.4rem 0;
	position: relative;
}

.ribbon_new {
	position: absolute;
	background-image: none;
	left: 0;
	right: auto;
	top: 120px;
	text-shadow: none;
	width: 100px;
	height: 34px;
	line-height: 30px;
	display: inline-block;
	text-align: center;
	z-index: 10;
	box-shadow: none;
	font-size: 1em;
	color: #FFF;
	border-bottom: 2px solid transparent;
    background-color: #4879AF;
	border-bottom-color: #386799;
}

.ribbon_new_edition {
	position: absolute;
	background-image: none;
	left: 0;
	right: auto;
	top: 120px;
	text-shadow: none;
	width: 140px;
	height: 34px;
	line-height: 30px;
	display: inline-block;
	text-align: center;
	z-index: 10;
	box-shadow: none;
	font-size: 1em;
	color: #FFF;
	border-bottom: 2px solid transparent;
    background-color: #E0A34B;
	border-bottom-color: #d18d2b;
}

.ribbon_ver_demo {
	position: absolute;
	background-image: none;
    border-radius: 30px;
	left: auto;
	right: 15px;
	top: 20px;
	text-shadow: none;
	width: 130px;
	height: 40px;
	line-height: 38px;
	display: inline-block;
	text-align: center;
	z-index: 10;
	box-shadow: none;
	font-size: 1.2em;
	color: #FFF;
    background: rgba(33, 42, 49, 0.5);
}

.pb-6{
    padding-bottom: 5rem !important;
}

article.post h4 a {
    text-decoration: none;
}

article.post h4 a:hover {
    text-decoration: none;
    color: #330F35;
}

article.post h4 a:active {
    text-decoration: none;
    color: #330F35;
}