/*
Theme Name: Ateneo
Theme URI: https://www.ateneo.edu.co/
Author: maridlcrmn
Author URI: https://maicreativos.com/
Description: Colegio Ateneo Técnico Comercial
Requires at least: 5.3
Tested up to: 5.6
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ateneo
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Ateneo WordPress Theme, (C) 2021 maridlcrmn
Ateneo is distributed under the terms of the GNU GPL.
*/

@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500&display=swap');

:root {
    --white: #ffffff;
    --light: #fdfdfd;
    --secondary: #5052de;
    --primary: #373893;
    --success: #27d289;
    --info: #0086d4;
    --danger: #ff394c;
    --warning: #ffb20a;
    --dark: #1b1c4a;
    --black: #333333;
}

html {
    width: 100%;
    height: 100%;
}
body {
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    color: var(--dark)!important;
    overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6,strong {font-weight: 500!important;}
.navbar-nav.navbar-light .nav-item .nav-link {
    color:var(--dark);
    font-size: .85em;
}
.nav .nav-link {
    color:var(--dark)!important;
    padding: .25em 0!important;
    font-size: .85em;
}
a {text-decoration: none;color: var(--primary);}
a:hover, a:focus {color:var(--secondary)}
.navbar > .bg-primary, .navbar > .bg-primary a {color: var(--light);}
.navbar .list-inline-item {font-size: .85rem;}
.nav-brand {width: 300px;}
.navbar-nav.navbar-light .nav-item .nav-link {color:var(--dark)}
.dropdown-menu {
    color: var(--dark);
    text-align: left;
}
.dropdown-item {
    font-size: .85rem;
    padding: .35em 1.5em;
	text-align: left !important;
}
.dropdown-toggle::after {
    content: "";
    width: 11px;
    height: 11px;
    border: none;
    background: url(assets/images/icons/icon-arrow-down.svg) no-repeat 50% 50%;
    background-size: 100%;
    vertical-align: middle;
}
.btn {
    border: none;
    padding: .5em 1.5em;
}
.btn.btn-primary, .bg-primary {
    color: var(--light);
    background: var(--primary)!important;
}
.btn.btn-success, .bg-success {
    color: var(--light);
    background: var(--success)!important;
}
.btn.btn-info, .bg-info {
    color: var(--light);
    background: var(--info)!important;
}
.btn.btn-secondary, .bg-secondary {
    color: var(--light);
    background: var(--secondary)!important;
}
.btn.btn-warning, .bg-warning {
    color: var(--light);
    background: var(--warning)!important;
}
.btn.btn-danger, .bg-danger {
    color: var(--light);
    background: var(--danger)!important;
}
.btn.btn-light, .bg-light {
    background: var(--light)!important;
}
.btn.btn-dark, .bg-dark {
    color: var(--light);
    background: var(--dark)!important;
}
.btn-icon-only {
    padding: 10px 15px;
    width: 44px;
}
.btn.btn-outline-primary {
    color: var(--primary)!important;
    border: 2px solid var(--primary)!important;
    border-radius: 8px;
}
.btn.btn-outline-primary:hover, .btn.btn-outline-primary:focus {
    color: var(--light)!important;
    background: var(--primary)!important;
}
.btn.btn-outline-light {
    color: var(--light)!important;
    border: 2px solid var(--light)!important;
    border-radius: 8px;
}
.btn.btn-outline-light:hover, .btn.btn-outline-light:focus {
    color: var(--primary)!important;
    background: var(--light)!important;
}
.section-title {
    font-size: 2.5em;
    font-weight: 500;
    color: var(--primary);
}
.breadcrumb {font-size: .85em;padding-bottom: 1rem;margin-bottom:1.5rem;}
.breadcrumb-item.active {color: var(--dark);}
.text-primary {color:var(--primary)!important;}
.text-dark {color:var(--dark)!important;}
.text-light {color:var(--light)!important;}
.list-inline-separator::after {
    content: " ";
    position: relative;
    margin: 0 .75em 0 .35em;
    border-left: 2px solid var(--light);
}
.spacing-top {padding-top: 5rem}
.spacing-bottom {padding-bottom: 3rem}
.address strong, .address span {
    font-size: .85em;
}
.card {
    border:none;
    border-radius: .5em;
}
.card-title {font-size: 1em;}
.card-link, .card-link:hover, .card-link:focus {
    color: var(--light);
    display: block;
}
.card-outline-primary {
    border: 2px solid var(--primary);
    border-radius: 0;
    color: var(--primary);
}
.form-control {padding: .5em 1em;}
hr {
    margin: 2rem 0;
    background:transparent!important;
}
.page-link {color:var(--primary)!important;}
.footer {
    padding: 3rem 0 2rem;
}
.hero-image {
    height: 300px;
    width: 100%;
    background: url(assets/images/hero-image.svg) no-repeat 50% 50%;
    background-size: cover;
}
.list-group-item {border-color:transparent;padding: .25rem 0;}
@media screen and (max-width:414px) {
    .section-title {font-size: 2rem;}
    .spacing-top {padding-top: 3.5rem}
    .nav-brand {width: 250px;}
    .dropdown-menu {text-align: center;}
}

.widget-lateral ul li {
    list-style: none;
    margin-left: -32px;
    font-size: 14px;
}

.wp-block-image img {
  max-width: 100%!important;
  height: 100%!important;
}

.bzise {
	font-size: 14px;
}

.bbottom {
	margin-bottom: 6px;
}

#singular_results strong {
	font-size: 14px
}

.texto {
	text-transform: uppercase;
}

.aprobado, .aprobado2, .reprobado, .recuperacion {
	/* display: inline-block; */
	line-height: 22px;
	padding: 13px 15px;
	font-size: 20px;
	text-align: left;
	margin: 25px 20px 20px 0;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}

.aprobado {
	border-left: 4px solid #7ad03a;
}
.aprobado2 {
	border-left: 4px solid #7ad03a;
}
.recuperacion {
	border-left: 4px solid #ffba00;
}
.reprobado {
	border-left: 4px solid #dd3d36;
}

.note1, .note2 {
	line-height: 20px;
	padding: 10px 12px;
	text-align: left;
	margin: 10px 20px 10px 0;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);

}

.note1A, .note2A {
border-left: 2px solid #0086D4;
}
.note1R, .note2R {
border-left: 2px solid #dd3d36;
}
.box-in:first-child>h2>a {
color: red!important;
}
#singular_results h3 {
	font-size: 16px
}