/*
Theme Name: OneSevenPixel Theme
Theme URI: www.rbriones.com
Author: OneSevenPixel
Author URI: www.rbriones.com
Description: 2021 custom child theme.
Template: twentytwentyone
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0.0
Text Domain: twentytwentyone-child
*/


.eael-simple-menu-container.preset-3 .eael-simple-menu li.current-menu-ancestor>a.eael-item-active, .eael-simple-menu-container.preset-3 .eael-simple-menu li:hover>a, .eael-simple-menu-container.preset-3 .eael-simple-menu li.current-menu-item>a.eael-item-active{
	background-color:var(--e-global-color-primary);
}
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator){
	max-width:inherit!important;
}

* {
	font-family: "Roboto", Sans-serif;
}

/*reset wp layout */
.site-main{
	padding-top:0;
	padding-bottom:0;
}

.singular .site-content .entry-header{
	border:none!important;
	margin-bottom:0!important;
	padding-top:30px;
	padding-bottom:30px;
}
.singular .site-content .entry-title{
	color: var(--e-global-color-primary);
	font-size:40px!important;
}
.post-navigation{
	margin-bottom:60px!important;
}

body{
    background-color: white !important; 
}
body a:hover{
	text-decoration:none!important;
}

body .site  a:focus,
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    outline: none!important;
    text-decoration: none!important;
    text-decoration-skip-ink: none;
   background: transparent!important;
}
#main-navbar{
	position:fixed;
	left:0;
	top:0;
	right:0;
}
.site-main{
	padding-top:40px;
}
.mainnav-menu a.eael-item-active{
	color:var( --e-global-color-primary)!important;
}
.eael-simple-menu-toggle-text{
	display:none;
}

/*page styles*/
.section_title{
	border-bottom: var( --e-global-color-accent);
}
*.btn-primary,
a.btn-primary,
.eael-ninja-form .submit-container input[type="submit"]{
	color:#fff!important;
	margin-top:15px;
	background-color: var(--e-global-color-primary)!important;
	border-radius:4px!important;
	padding:16px 18px!important;
	height: auto;
}

*.btn-primary:active,
*.btn-primary:focus,
*.btn-primary:hover,
a.btn-primary:hover,
.eael-ninja-form .submit-container input[type="submit"]:hover{
	color:#fff!important;
	background-color:var( --e-global-color-accent)!important;
}
.eael-ninja-form .submit-container input[type="submit"]{ 
	margin-top:0;
}

/* custom styles */
.font-xs{
	font-size:10px !important;
}
.font-sm{
	font-size:14px !important;
}
.font-md{
	font-size:16px !important;
}
.font-md2{
	font-size:18px !important;
}
.font-lg{
	font-size:22px !important;
}
.font-xl{
	font-size:28px !important;
}
.font-2x{
	font-size:32px !important;
}
.letter-space{
	letter-spacing:1px;
}
.letter-space2{
	letter-spacing:2px;
}
.no-wrap{
	 white-space: nowrap;
}

.img-responsive{
	max-width:100%;
	height:auto;
}
.color-primary{
	color: var( --e-global-color-primary );
}
.color-accent{
	color: var( --e-global-color-accent );
}
.color-gray{
	color: #7A7A7A!important;
}

a{
	text-decoration:none;
}
.btn{
	border-radius:50px!important;
}
.btn.btn-outline-primary {
    color: var( --e-global-color-primary );
    border-color:var( --e-global-color-primary );
	padding-left: 15px;
	padding-right:15px;
}
.btn.btn-outline-primary:hover,
.btn.btn-outline-primary:active{
    color:#fff!important;
	 border-color:var( --e-global-color-primary )!important;
    background-color:var( --e-global-color-primary )!important;
}

.btn.btn-outline-primary:focus{
    color:var(--e-global-color-primary)!important;
	 border-color:var( --e-global-color-primary )!important;
    background-color:var( --e-global-color-primary )!important;
}
.btn.btn-primary{
	 color: #fff;
 	background-color:var(--e-global-color-primary)!important;
	padding: 0.5rem 15px!important;
	border-radius:30px!important;
}
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:focus{
	 color: #fff;
 	background-color:#000!important;
	border-color:#000!important;
}

body .bg-primary{
 	background-color:var(--e-global-color-primary)!important;
}

 .singular .site-content .page-header .entry-title {
    color: #fff!important;
}

.ellipsis {
 display: -webkit-box;
  text-overflow: ellipsis;
}
.ellipsis-block2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

.ellipsis-block3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }


/*breadcrumbs*/
.nox-breadcrumbs{
	color:var(--e-global-color-accent);
	font-size: 12px;
}
	.nox-breadcrumbs a{
		color:var(--e-global-color-primary);
	}
	.nox-breadcrumbs a:hover{
		color:var(--e-global-color-accent);
	}
	.nox-breadcrumbs.dark a{
		color:#fff;
	}

/*login form*/
.login-form input{
	border-width:1px!important;
}
.login-form label{
	margin-top:15px;
	margin-bottom:5px;
}
.login-form .login-remember{
	margin-top:10px;
}
.login-form a{
	color:var(--e-global-color-accent)!important;
}
.login-form a:hover{
	color:#fff!important;
}




/*search results page */
.search-results  h1.page-title {
    font-size:30px;
	margin-top:30px;
}
.search-results .search-result-count{
	font-size:14px;
	padding:0;
	margin:0
}
.search-results .page-header {
    border-bottom: 1px solid var(--global--color-border);
    padding-bottom: 15px;
}
.search-results .entry-title a{
	font-size:24px;
	font-weight:bold;
}
.search-results article{
	margin-bottom:0;
	margin-top:0;
}
.search-results .entry-header{
	margin-bottom:0;
}
.search-results .entry-content{
	margin-top:0;
	font-size:14px;
}
.search-results .site-main > article > .entry-footer{
	padding-bottom:0;
	border:none;
	padding:0;
	margin:0
}
.search-results .navigation.pagination{
	margin:20px 0 0 0;
	padding-bottom:50px;
}
.search-results .navigation.pagination .page-numbers{
	font-size:14px;
}

.modal p{
	margin-bottom:15px;
}

/*post-password-form*/
.page-id-1297 .site-main .post-password-message,
.page-id-1297 .site-main .post-password-form{
	max-width:500px;
	margin:100px auto 50px auto;
}
.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control, .input-group>.form-control-plaintext{
	min-height:66px;
}
.error-404-page{
	min-height:500px;
}