* {
margin:0; 
padding:0;
}    .site-title img {
margin-top:15px; }  body{
background: #F2F2F2 !important;
color:#777 !important;
text-align: justify;
font-family: "Encode Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}
@media (min-width: 1200px)
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1320px !important;
}
p{
text-align: justify;
font-size:14px;
}
.card-body{
font-size:14px;
text-align:justify;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
padding:0 !important;
}
.page-header {
background:#54565a;
border-bottom: 5px solid #DDC9A3;
box-shadow: -1px 10px 12px 0px rgba(0,0,0,0.3);
-webkit-box-shadow: -1px 10px 12px 0px rgba(0,0,0,0.3);
-moz-box-shadow: -1px 10px 12px 0px rgba(0,0,0,0.3);
height:240px;
color:#FFF;
}
.title-slider{
position: absolute;
bottom: -10px;
height: 60px;
padding: 10px;
background-color: rgba(255,255,255,.2);
color: #FFF;
font-size: 1.2em;
text-shadow: #424242 7px 0 7px;
font-weight: bold;
width: 100%;
display: block;
}
.logo-tja{
width: 100%;
max-width: 400px;
}
h1.site-title-heading{
text-color:#FFF;
font-size: 1.5em;
}
.main-navigation{
padding:0;
margin-bottom:0;
}
.bg-tja{
background: #a6a6a6 !important;
}
.navbar{
padding:0px;
min-height:30px !important;
padding: 0.3rem 1rem !important;
}
.navbar-nav li>a {
text-transform: uppercase;
color:#FFF !important;
padding: 0.3rem !important;
}
.dropdown-item.active, .dropdown-item:active {
background: none !important;
}
.page-container{
position:relative;
top:-80px;
background-color:#FFF;
}   .sm_bar {
display: flex;
justify-content: flex-end;
gap: 10px;
list-style: none;
padding: 0;
}
.sm_bar .sm_item a img {
width: 28px;
height: 28px;
transition: transform 0.2s ease-in-out;
}
.sm_bar .sm_item a img:hover {
transform: scale(1.1);
} @media only screen and (min-width: 768px) {
.sm_bar{
margin-top: 50px;
}
} @media only screen and (max-width: 767px) {
.page-header-top-right{
text-align: center;
display: flex;
justify-content: right;
align-items: right;
margin-top: 0;
margin-bottom: 20px; }
.sm_bar {
justify-content: center !important;
flex-wrap: wrap;
gap: 15px;
justify-content: center;
}
.sm_bar .sm_item a img {
width: 32px;
height: 32px;
}
}
.sm_icon {
width: 28px;
height: 28px;
filter: brightness(0) invert(1);
transition: transform 0.2s ease-in-out, filter 0.2s ease-in-out;
} .sm_icon:hover {
transform: scale(1.5) !important;
color:#DFDFDF !important;
} .footer-social-right {
display: flex;
flex-direction: column;
align-items: center; justify-content: center;
text-align: center;
} @media only screen and (min-width: 768px) {
.footer-social-right {
margin-top: 30px;
}
.footer-social-right .sm_bar {
justify-content: center; gap: 12px;
}
} @media only screen and (max-width: 767px) {
.footer-social-right {
margin-top: 20px;
margin-bottom: 20px;
}
.footer-social-right .sm_bar {
justify-content: center !important;
flex-wrap: wrap;
gap: 15px;
}
.footer-social-right .sm_bar .sm_item a img {
width: 32px;
height: 32px;
}
}  .title-sidebar{
display:block;
width:300px;
color:rgb(66,66,66);
font-weight: 800;
font-size:.8em;
}
.tja-button {
display: flex;
align-items: center; justify-content: flex-start; height: 60px; width: 100%;
padding: 10px 20px;
margin-bottom: 12px;
border-radius: 8px;
border: 1px solid rgba(0, 0, 0, 0.15);
background: linear-gradient(
0deg,
rgba(203, 204, 213, 1) 0%,
rgba(177, 177, 177, 1) 35%,
rgba(229, 229, 234, 1) 100%
);
color: #333 !important;
font-size: 0.8em;
line-height: 1.2em;
text-transform: uppercase;
text-decoration: none;
text-align: left;
transition: all 0.25s ease;
overflow: hidden;
} .tja-button img,
.tja-button svg {
margin-right: 15px; margin-left: 0; width: 32px;
height: auto;
flex-shrink: 0;
transition: filter 0.25s ease, fill 0.25s ease;
} .tja-button:hover {
background: linear-gradient(
0deg,
rgba(120, 120, 120, 1) 0%,
rgba(160, 160, 160, 1) 35%,
rgba(200, 200, 200, 1) 100%
);
color: #fff !important;
text-decoration: none;
transform: translateY(-2px);
} .tja-button:hover img {
filter: brightness(0) invert(1); }
.tja-button:hover svg path,
.tja-button:hover svg g {
fill: #ffffff !important; } @media (max-width: 768px) {
.tja-button {
height: 90px;
font-size: 0.85em;
padding: 8px 15px;
}
.tja-button img,
.tja-button svg {
width: 26px;
margin-right: 10px;
}
}
.icon-btn-last{
font-size:.7em;
}
.tja-button:hover{
background: rgb(66, 66, 66);
background: linear-gradient(0deg, rgb(66, 66, 66) 0%, rgba(51, 51, 51) 35%, rgb(110, 110, 110) 100%);
color:#FFF;
}
.tja-button:hover>a{
background: none !important;
color:#FFF !important;
}
.sidebarmenu b{
font-size:.8em;
}
.tjalinks > li > a.nav-link{
font-size:.8em;
text-align: left;
border-bottom:1px dotted #666;
width:100%;
}
.about-tja{
background: #f8f8f8;
}
.tja-title{
font-size:1.2rem;
color:#50546D;
border-bottom:1px solid #6e6e6e;
}
a{
color:#424242 !important;
}
object{
width: 100%;
min-height: 600px;
} #accordion{
border-top:1px solid #CCC;
}
.accordion-toggle{
display: block;
text-align: left;
color:#666;
}
.accordion-toggle:hover{
color:#DDC9A3;
}
.card-bottom{
border:none !important;
border-bottom: 1px solid #CCC !important;
}
.accordion-toggle:after{
font-family: 'FontAwesome'; content: "\f078";
float: right; color: grey; 
}
.accordion-toggle[aria-expanded="false"]:after{
font-family: 'FontAwesome'; content: "\f078";
float: right; color: grey; 
}
.accordion-toggle[aria-expanded="true"]:after{
font-family: 'FontAwesome'; content: "\f077";
float: right; color: grey; 
} @media (min-width: 768px) { 
#slidePrincipal .carousel-item img {
height: 400px; object-fit: cover; }
} .site-footer h5{
color:#DDC9A3;
}
.site-footer{
color:#c8c8c8;
background: #54565a !important;
border-top: 5px solid #DDC9A3 !important;
}
.pie{
padding:10px;
color:#DEDEDE;
background: #a6a6a6 !important;
text-align: center;
}  .entry-content{
color:#333;
}
.entry-title{
font-size:1.7rem;
color:#424242;
border-bottom: 2px solid #2E3356;
}
.entry-title a{
text-decoration: none;
color:#424242;
}
.entry-title a:hover{
text-decoration:none;
} .wp-block-pullquote{
border:none !important;
padding: 10px 0;
margin-bottom:0px;
}
blockquote {
font-family: Georgia, serif;
font-size: 18px;
font-style: italic;
width: 100%;
margin: 0.25em 0;
padding: 40px;
line-height: 1.45;
position: relative;
color: #383838;
background:#ececec;
}
blockquote:before {
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: -10px;
top: -10px;
color: #7a7a7a;
}
blockquote cite {
color: #E5E5EA;
font-size: 14px;
display: block;
margin-top: 5px;
}
blockquote cite:before {
content: "\2014 \2009";
} #sidebar-left .widget, #sidebar-right .widget {
border: none !important;
margin-bottom: 20px;
overflow: hidden;
padding: none !important;
}
#sidebar-left .widget .widget-title, #sidebar-right .widget .widget-title{
color:#7a7a7a !important;
font-size:14px !important;
text-align:center;
} .timeline {
list-style: none;
padding: 20px 0 20px;
position: relative;
}
.timeline:before {
top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 3px;
background-color: #eeeeee;
left: 50%;
margin-left: -1.5px;
}
.timeline > li {
margin-bottom: 20px;
position: relative;
}
.timeline > li:before,
.timeline > li:after {
content: " ";
display: table;
}
.timeline > li:after {
clear: both;
}
.timeline > li:before,
.timeline > li:after {
content: " ";
display: table;
}
.timeline > li:after {
clear: both;
}
.timeline > li > .timeline-panel {
width: 50%;
float: left;
border: 1px solid #d4d4d4;
border-radius: 2px;
padding: 20px;
position: relative;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline > li.timeline-inverted + li:not(.timeline-inverted),
.timeline > li:not(.timeline-inverted) + li.timeline-inverted {
margin-top: -60px;
}
.timeline > li:not(.timeline-inverted) {
padding-right:90px;
}
.timeline > li.timeline-inverted {
padding-left:90px;
}
.timeline > li > .timeline-panel:before {
position: absolute;
top: 26px;
right: -15px;
display: inline-block;
border-top: 15px solid transparent;
border-left: 15px solid #ccc;
border-right: 0 solid #ccc;
border-bottom: 15px solid transparent;
content: " ";
}
.timeline > li > .timeline-panel:after {
position: absolute;
top: 27px;
right: -14px;
display: inline-block;
border-top: 14px solid transparent;
border-left: 14px solid #fff;
border-right: 0 solid #fff;
border-bottom: 14px solid transparent;
content: " ";
}
.timeline > li > .timeline-badge {
color: #fff;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 1.4em;
text-align: center;
position: absolute;
top: 16px;
left: 50%;
margin-left: -25px;
background-color: #999999;
z-index: 100;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
}
.timeline > li.timeline-inverted > .timeline-panel {
float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
.timeline-badge.primary {
background-color: #2e6da4 !important;
}
.timeline-badge.success {
background-color: #3f903f !important;
}
.timeline-badge.warning {
background-color: #f0ad4e !important;
}
.timeline-badge.danger {
background-color: #d9534f !important;
}
.timeline-badge.info {
background-color: #5bc0de !important;
}
.timeline-title {
margin-top: 0;
color: inherit;
}
.timeline-body > p,
.timeline-body > ul {
margin-bottom: 0;
}
.timeline-body > p + p {
margin-top: 5px;
}
#main .post, #main .page {
border: none !important;
padding: 10px 50px !important;
}
.color-gray{
color:#C7C7C7;
}
.title-juicio{
color:#666;
text-shadow: 2px 2px #ccc;
font-size:1.7em;
font-weight: 800;
}
.bluebold{
color:#8993C7;
}
.span-title-noticias{
margin-left:15px;
padding:0 40px;
border-bottom:4px solid rgb(72,77,107);
}
.title-noticias{
color:#8993C7;
font-weight: 800;
text-align:center;
border-bottom:1px solid #8993C7;
margin-bottom:20px;
}
.card-img-top{
border:3px solid  #626680;
min-height:160px;
}
.fecha-noticia{
position:relative;
top:50px;
left:0px;
width:40px;
height:40px;
padding:10px 5px;
background-color:#FFF;
color: #626680;
border:2px solid #626680;
font-size:1em;
}
.link-noticias{
display:block;
text-align:center;
font-size:.9em; 
}
.btn-morado{
background: ##DDC9A3;
border-radius: 7px !important;
border:1px solid #3e3e3e !important;
color:#333 !important;
} .bg-services{
background-image: url(https://tjatam.gob.mx/wp-content/themes/bootstrap-basic4-child/assets/img/bg_services.jpg);
background-size: cover;
background-position:  -40px 0px;
background-color: rgba(255, 255, 255, 1);
}
.btn-services img,
.btn-services svg {
margin-right: 12px !important;
}
.btn-services:hover {
background: linear-gradient(
180deg,
rgba(126, 126, 126, 0.75) 0%, rgba(84, 84, 84, 0.75) 100%
) !important;
color: rgba(255, 255, 255, 1) !important;
transform: translateY(-2px) !important;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.35) !important;
}
.btn-services:active {
background: linear-gradient(
180deg,
rgba(90, 90, 90, 0.8) 0%, rgba(46, 46, 46, 0.8) 100%
) !important;
color: rgba(255, 255, 255, 0.9) !important;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4) !important;
transform: translateY(0) !important;
}
.btn-parent {
height: 60px;
text-align: center;
}
.btn-child {
display: table-cell;
vertical-align: middle;
}
.btn-parent-right {
display: table;
width: 100%;
height: 60px;
text-align: center;
}
.btn-child-right {
display: table-cell;
vertical-align: middle;
}
.bg-morado{
background-color:#DEDEDE;
}
.img-jel{
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.kolonat-hom{
display:flex;
font-size:.9em;
}
.ikonat-home{
margin-right:15px;
}
.menu-item{
margin-left:10px;
font-size:.9em;
}
#search{
border:1px solid #ccc;
background: #dedede;
border-radius: 3px;
}
#btn-search{
width:28px;
height:28px;
font-size:.7em;
color:white;
background:#333;
border:1px solid #333;
border-radius:0px 5px 5px 0px;
} .wp-block-table td, .wp-block-table th {
border:none !important;
} .t1-table{width:100%;border:none!important} 
.t1-table thead th:first-child{border-radius:10px 0 0 0!important} 
.t1-table thead th{background-color:#dfdfdf!important;text-shadow:none!important;color:#333!important;padding:10px 20px!important;text-align:left!important;font-weight:700!important} 
.t1-table tbody tr{border:none!important} 
.t1-table tbody td{padding:10px!important} 
.t1-table thead tr:first-child th:last-child{border-radius:0 10px 0 0 !important} 
.t1-table-horizontal tbody td{border-left:none!important;border-right:none!important} 
.t1-table tbody td{padding:5px!important} 
.t1-table tbody tr:nth-child(2n){background-color:#f2f2f2!important} 
.t1-table tbody tr:last-child td:last-of-type{border-radius:0 0 10px 0!important} 
.t1-table tbody tr:last-child td:first-of-type{border-radius:0 0 0 10px!important} 
.t2-table{width:100%;border-collapse:collapse;border-spacing:0} 
.t2-table tbody tr{padding-bottom:5px} 
.t2-table tbody td,.t2-table tbody th{
padding:10px !important;
border-bottom:1px solid #dfdfdf !important;
border-top:1px solid #dfdfdf !important
} .slide-content {
position: relative;
width: 100%;
overflow: hidden;
background-color: #000;
} .slide-content img {
width: 100%;
height: auto;
object-fit: cover;
object-position: center center;
display: block;
} .slide-content video {
width: 100%;
height: 100%;
object-fit: cover; object-position: center center;
display: block;
background-color: #000;
} @media (min-width: 768px) {
#slidePrincipal .carousel-item img,
#slidePrincipal .carousel-item video {
height: 400px; }
}
@media (max-width: 767px) {
#slidePrincipal .carousel-item img,
#slidePrincipal .carousel-item video {
height: auto;
max-height: 300px;
}
}
.calendar a.active {
background-color: #d4e157 !important; color: #fff !important;
border-radius: 50%;
font-weight: bold;
padding: 4px 8px;
text-decoration: none;
} .list-group-item.fecha-con-listas {
background-color: #d4e157 !important; color: #212529 !important; font-weight: bold;
border: none;
} .loader-backdrop {
position: fixed;
inset: 0;
background: #FFF; opacity: 0.95;
z-index: 2000;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
transition: opacity 0.3s ease;
} .spinner {
text-align: center;
}
.spinner-border.text-dark {
width: 3.5rem;
height: 3.5rem;
} .dt-paging nav {
display: flex;
justify-content: center;
margin-top: 1rem;
} .dt-paging .page-link {
color: #fff !important;
background-color: #424242 !important;
border: 1px solid #424242 !important;
padding: 6px 12px;
margin: 0 2px;
font-size: 0.9rem;
border-radius: 4px;
transition: all 0.2s ease-in-out;
text-decoration: none;
} .dt-paging .page-link:hover {
background-color: #5c5c5c !important;
border-color: #5c5c5c !important;
color: #fff !important;
transform: translateY(-1px);
} .dt-paging .page-item.active .page-link {
background-color: #212121 !important;
border-color: #212121 !important;
color: #fff !important;
font-weight: bold;
cursor: default;
box-shadow: none;
} .dt-paging .page-item.disabled .page-link {
background-color: #bdbdbd !important;
border-color: #bdbdbd !important;
color: #eee !important;
pointer-events: none;
cursor: not-allowed;
opacity: 0.6;
} .dt-paging .page-link.first,
.dt-paging .page-link.previous,
.dt-paging .page-link.next,
.dt-paging .page-link.last {
font-weight: 600;
text-transform: uppercase;
} .dt-paging .page-link.ellipsis {
background: transparent !important;
border: none !important;
color: #424242 !important;
font-weight: bold;
cursor: default;
} .dt-paging .page-link:focus {
box-shadow: none !important;
outline: none !important;
} @media (max-width: 768px) {
.tja-buttons {
margin-top: 40px !important;
}
.tja-button{
width:95% !important
}
#slidePrincipal{
margin-top:30px !important;
}
.footer-left{
margin:0 auto !important;
text-align:center !important;
}
.footer-left>img{
margin-bottom:20px !important;
}
#blogCarousel .carousel-item img {
max-height: 64px !important;
}
}
#blogCarousel .carousel-item img {
max-width:150px;
height: 80px !important;
}
@media (max-width: 767.98px) and (-webkit-min-device-pixel-ratio: 2), 
(max-width: 767.98px) and (min-resolution: 192dpi) {
}
.wp-block-button__link{
color:white !important;
} @font-face {
font-family: "Font Awesome 5 Free";
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(//tjatam.gob.mx/wp-content/themes/bootstrap-basic4/assets/fontawesome/webfonts/fa-solid-900.woff2) format("woff2");
}
@font-face {
font-family: "Font Awesome 5 Brands";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//tjatam.gob.mx/wp-content/themes/bootstrap-basic4/assets/fontawesome/webfonts/fa-brands-400.woff2) format("woff2");
}