/*
Theme Name: DID
Theme URI: https://did.agenciaeducacion.cl
Author: SAARGO
Author URI: https://saargo.com
Description: DID
Version: 1.0
*/


/*========== FONT GOBCL */

@font-face {
  font-family: 'gobCL_Light';
  src: url('fonts/gobcl/gobCL_Light.otf');
}
@font-face {
  font-family: 'gobCL_Regular';
  src: url('fonts/gobcl/gobCL_Regular.otf');
}
@font-face {
  font-family: 'gobCL_Bold';
  src: url('fonts/gobcl/gobCL_Bold.otf');
}
@font-face {
  font-family: 'gobCL_Heavy';
  src: url('fonts/gobcl/gobCL_Heavy.otf');
}


/*========== GENERAL */

:root {

	--color-principal: #8c4d6a;
	--color-light: #eee4e9;
	--color-text: #02495F;
	--bg-principal: #eee4e9;

	--color-blue: #2050a2;
	--color-blue-dark: #163b78;


}

body {
	font-family: 'gobCL_Regular';
	color: var(--color-text);
}
h1, h2, h3, h4, h5, .font-bold {
	font-family: 'gobCL_Bold';
	font-weight: normal;
}
#content {
	background: var(--bg-principal)!important;
}
.text-blue-title,
.text-blue-did {
	color: var(--color-text);
}
.text-graytext {
	color: #87757d;
}
.tab .option.active,
.btn-goback  {
	border-color: var(--color-principal)!important;
	color: var(--color-principal)!important;
}
.el-tabs__item {
	font-weight: bold!important;
	font-size: 1rem!important;
}
.el-tabs__nav .el-tabs__item.is-active,
.el-tabs__item:hover {
	color: var(--color-principal)!important;
}
.el-tabs__active-bar {
	background-color: var(--color-principal)!important;
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
	background-color: var(--color-principal)!important;
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
	color: var(--bg-principal)!important;
}
.el-button:hover, .el-button:focus {
    color: var(--color-principal)!important;
    border-color: var(--color-principal)!important;
    background-color: #EDE2E8!important;
	outline: 0!important;
}
.el-button--primary,
.bg-indigo-600,
.ace-btn,
.el-button--info {
	background-color: var(--color-principal)!important;
    border-color: var(--color-principal)!important;
}
.el-button--primary:hover,
.bg-indigo-600,
.ace-btn:hover,
.el-button--info:hover {
	background-color: #6e3952!important;
    border-color: #6e3952!important;
	color: #fff!important;
}
.ace-btn.claro,
.el-button--warning {
	background-color: var(--color-text)!important;
    border-color: var(--color-text)!important;
}
.ace-btn.claro:hover,
.el-button--warning:hover {
	background-color: #023a4b!important;
    border-color: #023a4b!important;
	color: #fff!important;
}
.ace-btn.tertiary {
	border: 1px solid #dab3c5;
	color: #FFFFFF;
}
.border-lightgray,
.el-input__inner {
	border-color: #dab3c5!important;
}
.ace-btn.tertiary {
	border: 1px solid #dab3c5;
}
.ace-btn.tertiary:hover,
.ace-btn.tertiary:focus {
	background-color: #e1c3d1!important;
	outline: 0!important;
}
.ace-btn.tertiary svg path {
	fill: var(--color-principal)!important;
}
.el-checkbox-group .el-checkbox .el-checkbox__inner {
	border-radius: 0!important;
}
.el-checkbox-group .el-checkbox .el-checkbox__inner::after {
	border-radius: 0!important;
}
.el-checkbox__input.is-checked .el-checkbox__inner::after {
	transform: rotate(0deg) scaleY(1)!important;
}
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-radio__input.is-checked .el-radio__inner {
	background-color: var(--color-principal)!important;
	border-color: var(--color-principal)!important;;
}
.el-radio__inner:hover {
	border-color: var(--color-principal)!important;
}
.el-radio-group .el-radio .el-radio__label {
	color: #606266!important;
}
.el-radio__input.is-checked .el-radio__label,
.el-radio__input.is-checked + .el-radio__label,
.el-checkbox__input.is-checked + .el-checkbox__label {
	color: var(--color-principal)!important;
}
.el-checkbox__label {
	font-size: 1rem!important;
}
#sidebar.w-auto {
	width: auto!important;
}
.el-button.mb-4 {
	margin-bottom: 1rem!important;
}

/* Footer */

footer * {
	color: var(--color-light);
}
footer {
	background-color: var(--color-principal);
}
.logo-footer {
	width: 120px;
	display: block;
}
footer ul li {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
}
.icon-footer {
	width: 28px;
	display: block;
}
.icon-footer path,
.icon-footer polygon {
	fill: var(--color-light);
}
.contact-list .icon-footer {
	margin-right: 10px;
}
.socials-list {
	display: flex;
}
.socials-list li {
	margin-right: 10px;
}
.socials-list li:last-child {
	margin-right: 0;
}


/*========== LOGIN */

.logo-login {
	width: 220px;
}
.ace-btn.btn-cu {
	background-color: var(--color-blue)!important;
}
.ace-btn.btn-cu:hover {
	background-color: var(--color-blue-dark)!important;
}

/*========== ADMIN */


.logo-admin {
	width: 100px;
}
.el-menu-item {
	border-radius: 0;
}
.el-menu-item.is-active a:first-child {
	background-color: var(--color-principal);
}
.el-menu-item.is-active a:first-child:after {
	border-left-color: var(--color-principal);
}
.el-menu-item:hover,
.el-menu-item:focus {
	background-color: #f3e4eb!important;
}
.el-row .el-col:empty {
	width: 0!important;
	margin: 0!important;
	padding: 0!important;
}
.el-icon-edit{
	color: #FFFFFF;
}
.bg-blanco{
	background-color: #FFFFFF;
}



@media only screen and (min-width: 768px) {

	.logo-footer {
		width: 150px;
	}
	footer h5 {
		margin-bottom: 10px;
		font-size: 1.3rem;
	}
	.contact-list {
		padding-left: 30px;
		border-left: 1px solid var(--color-light);
	}
	.col-socials {
		padding-left: 30px;
	}
	.intro-footer {
		font-size: 1.4rem;
		line-height: 1.3;
	}


}


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

	.intro-footer br {
		display: none;
	}
	.tab .option {
		border: 1px solid rgba(0,0,0,0.1);
		padding-bottom: 0.75rem;
	}
	.el-input.w-full {
		width: 100%!important;
	}
	.el-dialog__wrapper .el-dialog {
		width: 94%!important;
	}
	.el-drawer__open .el-drawer.rtl {
		width: 94%!important;
	}
	.el-form--label-top .el-form-item__label {
		line-height: normal;
	}
	.el-tabs__header .el-tabs__active-bar {
		display: none!important;
	}
	.el-tabs__header .el-tabs__nav {
		width: 100%;
	}
	.el-tabs__header .el-tabs__item {
		width: 100%;
		height: auto;
		margin-bottom: 10px;
		padding: 5px 10px!important;
		display: block;
		text-align: center;
		border: 1px solid rgba(0,0,0,0.1);
	}
	.el-tabs__nav .el-tabs__item.is-active,
	.el-tabs__item:hover {
		border-color: var(--color-principal);
		color: var(--color-principal);
	}
	.el-form-item.w-full .el-date-editor.el-input,
	.el-form-item.w-full .el-date-editor.el-input__inner {
		width: 100%!important;
	}

}