/*
Theme Name: Jevelin Child 02
Theme URI: https://shufflehound.com/jevelin
Template: jevelin
Author: Shufflehound
Author URI: https://shufflehound.com/
Description: Jevelin is multi-purpose WordPress theme for creating stunning websites. Features all the right tools needed for your next design.
Tags: custom-colors,custom-menu,threaded-comments,translation-ready,theme-options,right-sidebar,left-sidebar,full-width-template,threaded-comments,post-formats,featured-images
Version: 5.8.1699998655
Updated: 2023-11-14 21:50:55

*/

/**------------------------------------------CODIGO PERSONALIZADO------------------------------------------**/

/* Font Andes Inicio */


@font-face {
	font-family: "AndesNeue-Bold";
	src:url('https://www.opercomsa.com.gt/wp-content/fonts/AndesNeue/AndesNeueBold.otf');
	font-display: swap;
}

@font-face {
	font-family: "AndesNeue-Medium";
	src:url('https://www.opercomsa.com.gt/wp-content/fonts/AndesNeue/AndesNeueMedium.otf');
	font-display: swap;
}

@font-face {
	font-family: "AndesNeue-Ligth";
	src:url('https://www.opercomsa.com.gt/wp-content/fonts/AndesNeue/AndesNeueLight.otf');
	font-display: swap;
}

h1, h2, h3, h4 {
	font-family: 'AndesNeue-Medium' !important;
	color: #003865 !important;
	line-height: 1.7;
}


.h2conseparador {
  	font-size: 20px !important;
}

@media screen and (max-width: 1024px) {
	.h2conseparador {
  	font-size: 20px !important;
	text-align: center !important;
}
}

@media screen and (max-width: 640px) {
	.h2conseparador {
  	font-size: 20px !important;
	text-align: center !important;
}
}

h1.h1blanco{
	color: #FFFFFF !important;
}

h3.h3gris{
	color: #707070 !important;
}

h3.h3blanco{
	color: #FFFFFF !important;
}

h4.h4blanco{
	color: #FFFFFF !important;
}

h4.h4gris{
	color: #B7B7B7 !important;
}

h5 {
	font-family: 'AndesNeue-Bold' !important;
	color: #FFFFFF !important;
	line-height: 1.7;
}

h6 {
	font-family: 'AndesNeue-Medium' !important;
	color: #FFFFFF !important;
	line-height: 1.7;
}

ul, li, label, body, button {
	font-family: 'AndesNeue-Medium' !important;
	color: #666666;
	line-height: 1.7;
}

p {
	font-family: 'AndesNeue-Ligth' !important;
	font-size: 20px !important;
	color: #707070 !important;
	line-height: 1.5 !important;
}

a.textofooter {
	color: #FFFFFF !important;
}

a.textofooter:hover {
	color: #00C1D4 !important;
}

/* Font Andes Fin */



/* Estilo de Iconos */

.iconoazul {
	font-size: 7rem;
	color: #003865 !important;
	text-align: center;
}

.iconoblanco {
	font-size: 7rem;
	color: #FFFFFF !important;
	text-align: center;
}

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


/** Estilo de botones **/
/**
button {
	font-family: 'AndesNeue-Medium' !important;
	color: #FFFFFF !important;
	font-size: 22px !important;
}**/

.botonaqua .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    color: #FFFFFF;
    border-color: #00C1D4;
    background-color: #00C1D4 !important;
    background-image: none;
}
.botonaqua .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
    background-color: #003865 !important;
    border-color: #003865;
}

.botonblanco .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    color: #003865;
    border-color: #FFFFFF;
    background-color: #FFFFFF !important;
    background-image: none;
}

.botonblanco .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
	color: #00C1D4 !important;
}

a.atabold {
  color: #003865 !important;
}

a.atabold:hover {
  color: #00C1D4 !important;
}