@import url(fontawesome-all.min.css);


	Hyperspace by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;}

body {
	line-height: 1;
}

ol {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}
0
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	-webkit-text-size-adjust: none;
}

mark {
	background-color: transparent;
	color: inherit;
}

input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input, select, textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
}

/* Basic */

	@-ms-viewport {
		width: device-width;
	}

	body {
		-ms-overflow-style: scrollbar;
	}

	@media screen and (max-width: 480px) {

		html, body {
			min-width: 320px;
		}

	}

	html {
		box-sizing: border-box;
	}

	*, *:before, *:after {
		box-sizing: inherit;
	}

	body {
		background: #38673d ;
	}

		body.is-preload *, body.is-preload *:before, body.is-preload *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

/* Type */

body, input, select, textarea {
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16.5pt;
    font-weight: normal;
    line-height: 1.75;
}

    @media screen and (max-width: 1680px) {

        body, input, select, textarea {
            font-size: 13pt;
        }

    }

    @media screen and (max-width: 1280px) {

        body, input, select, textarea {
            font-size: 12pt;
        }

    }

    @media screen and (max-width: 360px) {

        body, input, select, textarea {
            font-size: 11pt;
        }

    }

a {
    -moz-transition: color 0.2s ease, border-bottom-color 0.2s ease;
    -webkit-transition: color 0.2s ease, border-bottom-color 0.2s ease;
    -ms-transition: color 0.2s ease, border-bottom-color 0.2s ease;
    transition: color 0.2s ease, border-bottom-color 0.2s ease;
    border-bottom: dotted 1px rgba(255, 255, 255, 0.35);
    color: inherit;
    text-decoration: none;
}

    a:hover {
        border-bottom-color: transparent;
        color: #ffffff;
    }

strong, b {
    color: #ffffff;
    font-weight: bold;
}

em, i {
    font-style: italic;
}

p {
    margin: 0 0 2em 0;
}

h1, h2, h3, h4, h5, h6 {
    color: #ecf4c4;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 0 0.5em 0;
}


    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        color: inherit;
        text-decoration: none;
    }

h1 {
    font-size: 2.75em;
}

    h1.major {
        margin: 0 0 0.5em 0;
        position: relative;
        padding-bottom: 0.35em;
    }

        h1.major:after {
            background-image: -moz-linear-gradient(to right, #2b893c, #9dbca4);
            background-image: -webkit-linear-gradient(to right, #2b893c, #9dbca4);
            background-image: -ms-linear-gradient(to right, #2b893c, #9dbca4);
            background-image: linear-gradient(to right, #2b893c, #9dbca4);
            -moz-transition: max-width 0.2s ease;
            -webkit-transition: max-width 0.2s ease;
            -ms-transition: max-width 0.2s ease;
            transition: max-width 0.2s ease;
            border-radius: 0.2em;
            bottom: 0;
            content: '';
            height: 0.05em;
            position: absolute;
            right: 0;
            width: 100%;
        }

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.1em;
}

h4 {
    font-size: 1em;
}

h5 {
    font-size: 0.8em;
}

h6 {
    font-size: 0.6em;
}

@media screen and (max-width: 736px) {

    h1 {
        font-size: 2em;
    }

    h2 {
        font-size: 1.25em;
    }

    h3 {
        font-size: 1em;
    }

    h4 {
        font-size: 0.8em;
    }

    h5 {
        font-size: 0.6em;
    }

    h6 {
        font-size: 0.6em;
    }

    h1.major {
        padding-top: 1em;
    }

}

sub {
    font-size: 0.8em;
    position: relative;
    top: 0.5em;
}

sup {
    font-size: 0.8em;
    position: relative;
    top: -0.5em;
}

blockquote {
    border-left: solid 4px rgb(255, 255, 255, 0.15);
    font-style: italic;
    margin: 0 0 2em 0;
    padding: 0.5em 0 0.5em 2em;
}

code {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 0.25em;
    border: solid 1px rgba(255, 255, 255, 0.15);
    font-family: "Courier New", monospace;
    font-size: 0.9em;
    margin: 0 0.25em;
    padding: 0.25em 0.65em;
}

pre {
    -webkit-overflow-scrolling: touch;
    font-family: "Courier New", monospace;
    font-size: 0.9em;
    margin: 0 0 2em 0;
}

    pre code {
        display: block;
        line-height: 1.75em;
        padding: 1em 1.5em;
        overflow-x: auto;
    }

hr {
    border: 0;
    border-bottom: solid 1px rgba(255, 255, 255, 0.15);
    margin: 1em 0;
}

    hr.major {
        margin: 3em 0;
    }

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

/* Navegación Principal */

#sidebar {
    background: #24421E;
    height: 4em;
    left: 0;
    padding: 0 2em;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
    overflow: visible;
}

#sidebar > .inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    opacity: 1;
    width: 100%;
    min-height: auto;
}

#sidebar nav {
    display: flex;
    align-items: center;
}

#sidebar nav > ul {
    display: flex;
    flex-direction: row;
    list-style: none;
    margin: 0;
    padding: 0;
}

#sidebar nav > ul > li {
    margin: 0 1.5em;
    opacity: 1;
    padding: 0;
    transform: none;
}

#sidebar nav a {
    color: rgba(255, 255, 255);
    font-size: 0.6em;
    font-weight: bold;
    letter-spacing: 0.25em;
    padding: 0.5em 0;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: none;
}

#sidebar nav a:hover {
    color: rgba(255, 255, 255, 0.55);
    text-decoration: none;  /* Mantiene sin subrayado al pasar el mouse */
    border-bottom: none; 
}

#sidebar nav a:before, 
#sidebar nav a:after {
    display: none;  /* Elimina las líneas decorativas */
}

#sidebar nav a.active {
    color: #ffffff;
}

/* Logo */
#logovc {
    height: 2.5em;
    width: auto;
    border-radius: 50%;
}

/* Ajuste para el contenido debajo de la navegación */
#wrapper {
    padding-top: 4em;
}

/* Responsive */
@media screen and (max-width: 736px) {
    #sidebar {
        padding: 0 1em;
    }
    
    #sidebar nav > ul > li {
        margin: 0 0.75em;
    }
    
    #logovc {
        height: 2em;
    }
}

/* Button */

input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-transition: border-color 0.2s ease;
    -webkit-transition: border-color 0.2s ease;
    -ms-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
    background-color: transparent;
    border: solid 1px !important;
    border-color: #d3eb93 !important;
    border-radius: 3em;
    color: #ffffff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 0.6em;
    font-weight: bold;
    height: calc(4.75em + 2px);
    letter-spacing: 0.25em;
    line-height: 4.75em;
    outline: 0;
    padding: 0 3.75em;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

    input[type="submit"]:after,
    input[type="reset"]:after,
    input[type="button"]:after,
    button:after,
    .button:after {
        -moz-transform: scale(0.25);
        -webkit-transform: scale(0.25);
        -ms-transform: scale(0.25);
        transform: scale(0.25);
        pointer-events: none;
        -moz-transition: opacity 0.2s ease, -moz-transform 0.2s ease;
        -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
        -ms-transition: opacity 0.2s ease, -ms-transform 0.2s ease;
        transition: opacity 0.2s ease, transform 0.2s ease;
        background: #24421E;
        border-radius: 3em;
        content: '';
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    input[type="submit"].icon:before,
    input[type="reset"].icon:before,
    input[type="button"].icon:before,
    button.icon:before,
    .button.icon:before {
        margin-right: 0.75em;
    }

    input[type="submit"].fit,
    input[type="reset"].fit,
    input[type="button"].fit,
    button.fit,
    .button.fit {
        width: 100%;
    }

    input[type="submit"].small,
    input[type="reset"].small,
    input[type="button"].small,
    button.small,
    .button.small {
        font-size: 0.4em;
    }

    input[type="submit"].large,
    input[type="reset"].large,
    input[type="button"].large,
    button.large,
    .button.large {
        font-size: 0.8em;
    }

    input[type="submit"].primary,
    input[type="reset"].primary,
    input[type="button"].primary,
    button.primary,
    .button.primary {
        background-color: #ffffff;
        color: #24421E !important;
    }

        input[type="submit"].primary:after,
        input[type="reset"].primary:after,
        input[type="button"].primary:after,
        button.primary:after,
        .button.primary:after {
            display: none;
        }

    input[type="submit"].disabled, input[type="submit"]:disabled,
    input[type="reset"].disabled,
    input[type="reset"]:disabled,
    input[type="button"].disabled,
    input[type="button"]:disabled,
    button.disabled,
    button:disabled,
    .button.disabled,
    .button:disabled {
        cursor: default;
        opacity: 0.5;
        pointer-events: none;
    }

    input[type="submit"]:hover,
    input[type="reset"]:hover,
    input[type="button"]:hover,
    button:hover,
    .button:hover {
        border-color: #ffffff !important;
    }

        input[type="submit"]:hover:after,
        input[type="reset"]:hover:after,
        input[type="button"]:hover:after,
        button:hover:after,
        .button:hover:after {
            opacity: 0.05;
            -moz-transform: scale(1);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }

        input[type="submit"]:hover:active,
        input[type="reset"]:hover:active,
        input[type="button"]:hover:active,
        button:hover:active,
        .button:hover:active {
            border-color: #ffffff !important;
        }

            input[type="submit"]:hover:active:after,
            input[type="reset"]:hover:active:after,
            input[type="button"]:hover:active:after,
            button:hover:active:after,
            .button:hover:active:after {
                opacity: 0.1;
            }

/* List */

div .inner {
    display: inline-block;
}

ol {
    list-style: upper-roman;
    margin: 0 0 2em 0;
    padding-left: 1.25em;
}

    ol li {
        padding-left: 0.25em;
    }

    #slist {
        list-style: disc url(./images/arrow.png) outside;
        margin: 0;
        padding: 0;
    }
    
    #slist li {
        line-height: 1.5; /* Ajusta el espacio vertical entre líneas */
        margin-bottom: 10px; /* Ajusta el margen superior si es necesario */
        padding-left: 1.5em; /* Espacio para el marcador */
        position: relative; /* Permite ajustar el pseudo-elemento si decides usar uno */
    }

    ul.alt {
        list-style: none;
        padding-left: 0;
    }

        ul.alt li {
            border-top: solid 1px #7fb56c;
            padding: 0.5em 0;
        }

            ul.alt li:first-child {
                border-top: 0;
                padding-top: 0;
            }

        .name-list {
            list-style-type: upper-alpha;
        }

dl {
    margin: 0 0 2em 0;
}

    dl dt {
        display: block;
        font-weight: bold;
        margin: 0 0 1em 0;
    }

    dl dd {
        margin-left: 2em;
    }

    /* Menu */

ul.menu {
    list-style: none;
    padding: 0;
}

    ul.menu > li {
        border-left: solid 1px #f8f9fa;
        display: inline-block;
        line-height: 1;
        margin-left: 1.5em;
        padding: 0 0 0 1.5em;
    }

        ul.menu > li:first-child {
            border-left: 0;
            margin: 0;
            padding-left: 0;
        }

    @media screen and (max-width: 480px) {

        ul.menu > li {
            border-left: 0;
            display: block;
            line-height: inherit;
            margin: 0.5em 0 0 0;
            padding-left: 0;
        }

    }


/* Wrapper */

.wrapper {
    position: relative;
}

    .wrapper > .inner {
        padding: 5em 5em 3em 5em ;
        max-width: 100%;
        width: 75em;
        margin: 0 auto;
    }

        @media screen and (max-width: 1680px) {

            .wrapper > .inner {
                padding: 2em 4em 2em 4em ;
            }

        }

        @media screen and (max-width: 1280px) {

            .wrapper > .inner {
                width: 100%;
            }

        }

        @media screen and (max-width: 936px) {

            .wrapper > .inner {
                padding: 3em 2em 1em 2em ;
            }

        }

    .wrapper.alt {
        background-color: #7fb56c;
    }

    .wrapper.style1 {
        background-color: #2b893c;
    }

    .wrapper.style1-alt {
        background-color: #7fb56c;
    }

    .wrapper.style2 {
        background-color: #ffffff;
    }

    .wrapper.style2-alt {
        background-color: #2b893c;
    }

    .wrapper.style3 {
        background-color: #ecf4c4;
    }

    .wrapper.style3-alt {
        background-color: #d2e292;
    }

    .wrapper.fullscreen {
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        min-height: 100vh;
    }

        body.is-ie .wrapper.fullscreen {
            height: 100vh;
        }

        @media screen and (max-width: 1280px) {

            .wrapper.fullscreen {
                min-height: calc(100vh - 2.5em);
            }

                body.is-ie .wrapper.fullscreen {
                    height: calc(100vh - 2.5em);
                }

        }

        @media screen and (max-width: 736px) {

            .wrapper.fullscreen {
                padding: 2em 0;
                min-height: 0;
            }

                body.is-ie .wrapper.fullscreen {
                    height: auto;
                }

        }

    .wrapper.fade-up > .inner {
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -moz-transition: opacity 1s ease, -moz-transform 1s ease;
        -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
        -ms-transition: opacity 1s ease, -ms-transform 1s ease;
        transition: opacity 1s ease, transform 1s ease;
        opacity: 1.0;
    }

    .wrapper.fade-up.inactive > .inner,
    body.is-preload .wrapper.fade-up > .inner {
        opacity: 0;
        -moz-transform: translateY(1em);
        -webkit-transform: translateY(1em);
        -ms-transform: translateY(1em);
        transform: translateY(1em);
    }

    .wrapper.fade-down > .inner {
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -moz-transition: opacity 1s ease, -moz-transform 1s ease;
        -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
        -ms-transition: opacity 1s ease, -ms-transform 1s ease;
        transition: opacity 1s ease, transform 1s ease;
        opacity: 1.0;
    }

    .wrapper.fade-down.inactive > .inner,
    body.is-preload .wrapper.fade-down > .inner {
        opacity: 0;
        -moz-transform: translateY(-1em);
        -webkit-transform: translateY(-1em);
        -ms-transform: translateY(-1em);
        transform: translateY(-1em);
    }

    .wrapper.fade > .inner {
        -moz-transition: opacity 1s ease;
        -webkit-transition: opacity 1s ease;
        -ms-transition: opacity 1s ease;
        transition: opacity 1s ease;
        opacity: 1.0;
    }

    .wrapper.fade.inactive > .inner,
    body.is-preload .wrapper.fade > .inner {
        opacity: 0;
    }

    /* -- Wrapper (main) -- */

#sidebar + #wrapper {
    margin-left: 0;
}

    @media screen and (max-width: 1280px) {

        #sidebar + #wrapper {
            margin-left: 0;
            padding-top: 3.5em;
        }

    }

    @media screen and (max-width: 480px) {

        #sidebar + #wrapper {
            padding-top: 0;
        }

    }

#header + #wrapper > .wrapper > .inner {
    margin: 0 auto;
}

/* Footer */

#sidebar + #wrapper + #footer {
    margin-left: 0;
}

    @media screen and (max-width: 1280px) {

        #sidebar + #wrapper + #footer {
            margin-left: 0;
        }

    }

    @media screen and (max-width: 480px) {

        #sidebar + #wrapper + #footer {
            margin-left: 0;
        }

    }

#footer > .inner a {
    border-bottom-color: rgba(255, 255, 255, 0.15);
}

    #footer > .inner a:hover {
        border-bottom-color: transparent;
    }

#footer > .inner .menu {
    font-size: 0.8em;
    color:#ecf4c4;
}

#header + #wrapper + #footer > .inner {
    margin: 0 auto;
}


#one p {
color: #2b893c;
}

#two p {
color: #ecf4c4;
}

#two .inner h2, #two .inner h3, #two .inner p {
color: #2b7d10;
}

#three p {
color: #ecf4c4;
}

@keyframes slide {
form {
    transform: translateX(0);
}
to {
    transform: translateX(-100%);
}
}

/* -- Columnas Blog -- */

.container-blog {
    display: flex;
    gap: 30px; /* Espacio entre columnas */
    margin: 0;
    position: relative;
}

    .categoria-blog {
        flex: 0 0 250px; /* Ancho fijo de la columna de categorías */
        padding: 20px;
        box-sizing: border-box;
        text-align: left;
        border-left: 1px solid rgba(255, 255, 255, 0.15); /* Línea separadora opcional */
    }

    .unidad-blog {
        /* Eliminamos flex aquí para permitir que el texto fluya alrededor de la imagen */
        position: relative;
        margin-bottom: 30px;
        overflow: hidden; /* Para contener el float */
       
    }

    .column-blog {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        box-sizing: border-box; /* Incluye padding en el tamaño total */
        align-items: left; /* Centra el contenido (texto e imágenes) dentro de cada columna */
        text-align: center; /* Centra el texto horizontalmente dentro de la columna */
    } 

    .seccion-blog {
        display: flex;
        flex-direction: row;
        flex: 1 1 45%; /* Flex-grow: 1 (ocupa espacio disponible), flex-shrink: 1 (se puede reducir), flex-basis: 45% (ancho inicial) */
        align-items: center; /* Centrar horizontalmente */
        box-sizing: border-box;
        gap:10px;/* Espacio entre la imagen y el contenido */
    }

        .seccion-blog img {
            max-width: 300px; /* Tamaño de la imagen */
            height: auto;
            margin-right: 30px; /* Espacio entre la imagen y el texto */
            align-self: center;
            border-radius: 20%;
            transition: transform 0.3s ease;
        }

        .seccion-blog img:hover{
            transform: scale(1.1);
        }

        .column-blog p {
            margin: 10px 0;
        }

        

    /* Alternar la posición de la imagen y el texto */
    .seccion-blog:nth-child(odd) {
        flex-direction: row; /* Imágenes a la izquierda y texto a la derecha */
    }
    
    .seccion-blog:nth-child(even) {
        flex-direction: row-reverse; /* Imágenes a la derecha y texto a la izquierda */
    }

    /* En pantallas muy pequeñas (por ejemplo, móviles), se asegura que solo haya una columna */
    @media (max-width: 600px) {
        .column-blog {
            flex: 0 1 100%;  /* Las columnas ocupan el 100% del ancho en pantallas pequeñas */
        }
    }


    /* -- Blogs Individuales -- */

.container-blogs {
    display: flex;
    gap: 30px; /* Espacio entre columnas */
    margin: 0;
    position: relative;
}

    .seccion-blogs {
        /* Eliminamos flex aquí para permitir que el texto fluya alrededor de la imagen */
        position: relative;
        margin-bottom: 30px;
        overflow: hidden; /* Para contener el float */
       
    }

        .seccion-blogs img {
            float: left;
            width: 300px;
            height: auto;
            object-fit: cover;
            margin: 0 20px 10px 0;
            border-radius: 20%;
        }

        .seccion-blogs::after {
            content: '';
            display: table;
            clear: both; /* Limpia el float */
        }

        .column-blogs {
            flex: 1;
            min-width: 300px;
            box-sizing: border-box;
            text-align: left;
            
        } 

        .column-blogs p {
            margin: 10px 0;
        }

        .categoria-blogs {
            flex: 0 0 250px; /* Ancho fijo de la columna de categorías */
            padding: 20px;
            box-sizing: border-box;
            text-align: left;
            border-left: 1px solid rgba(255, 255, 255, 0.15); /* Línea separadora opcional */
        }

    /* En pantallas muy pequeñas (por ejemplo, móviles), se asegura que solo haya una columna */
    @media (max-width: 600px) {
        .column-blogs {
            flex: 0 1 100%;  /* Las columnas ocupan el 100% del ancho en pantallas pequeñas */
        }

        .seccion-blogs img {
            width: 100%;
            float: none;
            margin: 0 0 15px 0;
        }
    }

/* -- Imágenes -- */

.image {
    display: block;
    padding: 5px;
    position: relative;
}
    /* -- Consultoría y Trámites --
    #con {
        width: 300px; 100% Hace que la imagen sea responsiva 
        height: auto;  Mantiene la proporción 
        position: center;
    }*/

    /* -- Aviso de privacidad --*/
    #aviso {
        display:inline-block;
        height: 200px;
        width: auto;
    }

/* -- Seccion de contacto --*/

.container-contacto {
    display:flex;
}

/* Contact */

.container-contacto {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

    ul.contact {
        list-style: none;
        display: flex;
       
    }

        ul.contact > li {
            display: flex;
            flex-direction: column;
            padding: 5px 70px;
        }

            ul.contact > li:first-child {
                margin-top: 0;
            }

    @media (max-width: 850px) {
        ul.contact > li {
            display: flex;
            flex-direction: column;
            padding: 5px 10px;
        }
    }

    @media (max-width: 600px) {
        .container-contacto {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
        }

        ul.contact {
            list-style: none;
            display: flex;
           flex-direction: column;
        }

            ul.contact > li {
                display: flex;
                flex-direction: column;
                padding: 5px;
            }
    }

    /* Icons */

    ul.icons {
        cursor: default;
        list-style: none;
        padding-left: 0;
        height: 30px;
        font-size: 30px;
    }
    
        ul.icons li {
            display: inline-block;
            padding: 0 1em 0 0;
        }
    
            ul.icons li:last-child {
                padding-right: 0;
            }
    
            ul.icons li > a, ul.icons li > span {
                border: 0;
            }
    
                ul.icons li > a .label, ul.icons li > span .label {
                    display: none;
                }

/* Icon */

.icon {
    text-decoration: none;
    border-bottom: none;
    position: relative;
}

    .icon:before {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        text-transform: none !important;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
    }

    .icon > .label {
        display: none;
    }

    .icon:before {
        line-height: inherit;
    }

    .icon.solid:before {
        font-weight: 900;
    }

    .icon.brands:before {
        font-family: 'Font Awesome 5 Brands';
    }

    .icon.major {
        width: 2.5em;
        height: 2.5em;
        display: block;
        background: #2b893c;
        border-radius: 100%;
        color: #24421E;
        text-align: center;
        line-height: 2.5em;
        margin: 0 0 1.3em 0;
    }

        .icon.major:before {
            font-size: 1.25em;
        }

            .wrapper.style1 .icon.major:before {
                color: #2b893c;
            }

            .wrapper.style1-alt .icon.major:before {
                color: #7fb56c;
            }

            .wrapper.style2 .icon.major:before {
                color: #7fb56c;
            }

            .wrapper.style2-alt .icon.major:before {
                color: #2b893c;
            }

            .wrapper.style3 .icon.major:before {
                color: #7fb56c;
            }

            .wrapper.style3-alt .icon.major:before {
                color: #d2e292;
            }