/*Theme Name: Orion Lite GeneralTheme URI: https://pronetwork.xyzAuthor: ProNetworkAuthor URI: https://pronetwork.xyzDescription: Lightweight optimizedVersion: 1.0.0*/
/** General Style **/
body {
	font-family: 'Gotham', sans-serif;
	color: #212121;
}

h1,
.h1 {
	font-size: 2em;
}

h2,
.h2 {
	font-size: 1.5em;
}

h3,
.h3 {
	font-size: 1.17em;
}

h4,
.h4 {
	font-size: 1.12em;
}

h5,
.h5 {
	font-size: .83em;
}

h6,
.h6 {
	font-size: .75em;
}

a {
	color: #21759b;
}

a:hover {
	color: inherit;
}

b,
strong {
	font-weight: bold;
}

.screen-reader-text {
	display: none;
}

img {
	max-width: 100%;
}

/** Header Section **/
header {}

.ad-place-top {
	min-height: 100px;
}

nav {
	display: block;
	margin: 0;
	overflow: hidden;
}

nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

nav ul li {
	margin: 0;
	display: inline-block;
	list-style-type: none;
	transition: all 0.2s;
}

nav ul>li>a {
	display: block;
	text-decoration: none;
	padding: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

nav li>ul {
	display: none;
	margin-top: 1px;
}

nav li>ul li {
	display: block;
}

nav li>ul li a {
	display: block;
	line-height: 2em;
	padding: 0.5em 2em;
	text-decoration: none;
}

nav li:hover {}

nav li:hover>ul {
	position: absolute;
	display: block;
}

nav li>ul>li ul {
	display: none;
	background-color: #888;
}

nav li>ul>li:hover>ul {
	position: absolute;
	display: block;
	margin-left: 100%;
	margin-top: -3em;
}

nav ul>li.sub {
	/*background: url(ic_keyboard_arrow_down_white_18dp.png) right center no-repeat;*/
}

nav ul>li.sub li.sub {
	/*background: url(ic_keyboard_arrow_right_white_18dp.png) right center no-repeat;*/
}

.menu-inline {}

.menu-inline ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.menu-inline li {
	float: left;
}

.menu-inline li a {
	display: block;
	padding: 5px;
}

.menu-inline li span {
	display: block;
	padding: 5px;
}

.title-brand {
	font-size: 34px;
	line-height: 34px;
}

.description-brand {
	font-size: 16px;
}

#header-menu {}

/** Home Section**/
.hero-block {
	width: 100%;
	float: left;
}

.hero-left {
	width: 50%;
	float: left;
}

.hero-right {
	width: 50%;
	float: right;
}

.hero-lock {
	position: relative;
	width: 50%;
	float: left;
}

.hero-wrap {
	position: relative;
	background-size: cover;
	background-position: center center;
	margin: 2.5px;
	min-height: 250px;
	box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 30%);
}

.hero-cont {
	position: absolute;
	bottom: 0px;
	padding-left: 15px;
	padding-right: 15px;
}

.hero-big {
	min-height: 505px;
	margin-right: 0px;
}

.hero-category {
	color: #FFF;
	font-size: 14px;
}

.hero-title-big {
	color: #FFF;
	font-size: 26px;
	font-weight: bold;
	line-height: normal;
}

.hero-title-smll {
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	line-height: normal;
}

/** Content Section **/
.main-wrap {
	background-color: #FFF;
}

blockquote {
	margin: 0 0 1rem;
	border-left: 3px solid #007eff;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

blockquote p {
	font-size: 28px !important;
}

section.widget {
	margin-bottom: 15px;
}

article.post {
	padding: 0 0 10px;
	margin: 0 0 1.5em;
}

.entry-content img.size-full {
	border: 0;
	max-width: 100%;
	height: auto;
}

.entry-content .more-link {
	color: #307221;
	font-weight: bold;
}

.post-full .entry-header h1.entry-title {
	font-size: 44px;
	padding-bottom: 10px;
	font-weight: bold;
}

.widget ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.widget ul li {
	display: block;
	padding-bottom: 5px;
	padding-top: 5px;
}

/** Loop **/
article.loop-element {
	flex-direction: row;
	display: flex;
	position: relative;
	padding: 10px;
	margin-bottom: 24px;
}

article.loop-element .entry-thumbnail {
	flex: 0 0 21%;
	width: 21%;
	display: block;
	order: 0;
}

article.loop-element .entry-thumbnail img {
	height: auto;
}

article.loop-element .entry-details {
	padding: 0 0 0 26px;
	width: -webkit-fill-available;
	position: relative;
}

article.loop-element .entry-details .excerpt {
	font-size: 14px;
}

article.loop-element .entry-details .category {
	font-weight: bold;
	font-size: 13px;
}

article.loop-element .entry-details .date {
	color: #959595;
	font-size: 16px;
	font-weight: bold;
}

article.single-post {}

article.single-post .feature-image {
	max-height: 400px;
	overflow: hidden;
	margin-bottom: 15px;
}

article.single-post .feature-image img {
	width: -webkit-fill-available;
	height: auto;
}

article.single-post .meta {
	font-size: 14px;
	margin-bottom: 15px;
}

article.loop-related {}

article.loop-related .entry-thumbnail {
	overflow: hidden;
	margin-bottom: 15px;
}

article.loop-related .feature-image img {
	width: -webkit-fill-available;
	height: auto;
}

.grid-col-2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 10px;
}

/** Secondary Elements **/
.section_title {
	background-color: #f4f4f4;
	color: #666;
	display: initial;
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
}

.section_title::after {
	content: '';
	border-bottom: 2px solid #f4f4f4;
	width: 100%;
	float: left;
	margin-bottom: 5px;
}

section.widget {}

section.widget h2 {
	background-color: #f4f4f4;
	color: #666;
	display: initial;
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
}

section.widget h2::after {
	content: '';
	border-bottom: 2px solid #f4f4f4;
	width: 100%;
	float: left;
}

nav.pagination {
	justify-content: center;
}

nav.pagination .page-numbers {
	padding: 5px 11px;
	border: 1px solid #e3e3e3;
	display: inline-block;
	margin: 0 8px 8px 0;
	min-width: 33px;
	text-align: center;
	color: #666;
	line-height: 21px;
	float: left;
}

nav.pagination .page-numbers.current {
	background-color: #f4f4f4;
	border-color: #f4f4f4;
}

.comment-form-comment label {
	display: block;
}

.comment-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.comment-form textarea {
	display: block;
}

.comment-list ol,
.ping-list ol {
	margin: 0;
	padding: 10px;
	max-width: 550px;
}

.comment-list li,
.ping-list li {
	margin: 5px 0 5px 0;
	padding: 10px 0px;
	list-style: none;
	border-bottom: 0px solid #dfdfdf;
	position: relative;
}

.comment-list li ul li {
	margin-left: 40px;
	margin-top: 20px;
}

.comment-list li ul li #respond {
	margin-left: -40px !important;
	margin-top: 20px;
}

.comment-list li ul li li #respond {
	margin-left: -80px !important;
}

.comment-list p,
.ping-list p {
	font-weight: normal;
	text-transform: none;
	margin: 10px 5px 10px 0;
	padding: 0;
	word-wrap: break-word;
}

.comment-list li .avatar {
	background: #fff;
	float: left;
	margin: 0 10px 0 0px;
	border-radius: 50%;
	-moz-border-radius: 50%;
}

.comment-list cite,
.comment-list cite a,
.ping-list cite,
.ping-list cite a {
	font-weight: 700;
	font-style: normal;
}

#respond:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.nocomments {
	text-align: center
}

#comments .navigation {
	display: block;
	margin: 10px 0 0 0
}

.comment-author {
	padding: 10px 5px 0;
}

.comment-content {
	padding: 10px 20px 45px;
	margin: 10px 0 0;
	font-size: 15px;
	border: 1px solid #dfdfdf;
	border-radius: 3px;
	line-height: 1.5em !important;
}

.comment-list li .reply {
	position: absolute;
	margin: -45px 0 0 10px;
	padding: 5px 10px;
}

.ccomment-metadata a {
	color: #999;
}

/** Footer Section **/
footer {
	background-color: #242424;
	color: #636363;
	font-size: 14px;
}

footer .footer-bottom {
	background-color: #2a303b;
	color: #FFF;
}

/** Custom **/
.wpp-list li {
	margin: auto;
}

#overlay-menu-bg {
	height: 100vh;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	position: fixed;
	top: 0px;
}

#menu-ham {
	display: none;
	position: absolute;
	top: 25px;
	left: 20px;
}

#menu-button {
	font-size: 20px;
	padding: 0px;
	border-radius: 5px;
	border: 1px solid #FFF;
	padding-left: 7px;
	padding-right: 7px;
	color: #FFF;
	display: block;
}

.toggle-menu--close {
	display: inline-block;
	padding: 6px;
	border-radius: 5px;
	border: 1px solid #b1b0b0;
	color: #FFF;
	background-color: #b1b0b0;
	font-size: 14px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.sub-details {
	text-align: right;
	position: absolute;
	width: 100%;
	bottom: 0;
}

article .entry-details a {
	color: #024a6b;
}

article .entry-details a:hover {
	color: #0fbeff;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
}

article .entry-details hr {
	border-top: 1px solid #02496a;
	margin-bottom: 10px;
}

.home-news {
	background-image: url(https://idlegal.com.mx/wp-content/uploads/2022/03/noticias-b.jpg);
	background-size: cover;
	margin-bottom: 50px;
}

.single-post .entry-header {
	color: #024a6b;
}

.single-post .entry-content {
	color: #024a6b;
	font-size: 18px;
}

.header-title {
	font-size: 56pt;
}

.h1-title {
	font-size: 46pt;
}

.lang-set a {
	display: block;
}

article {
	font-family: 'Raleway', sans-serif;
}

/*Base Media Querys*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 576px) {
	.social-icons-top li a {
		padding: 4px;
	}

	.resp-menu {
		position: fixed;
		top: 0;
		z-index: 100000;
		width: 60%;
		left: -700px;
		height: -webkit-fill-available;
		background-color: #01344b;
	}

	.resp-menu .main-nav {
		text-align: left;
	}

	.resp-menu nav ul li {
		display: block;
	}

	.resp-menu nav ul li {
		border-top: 0px solid #FFF;
	}

	#menu-ham {
		display: inherit;
	}

	.hero-left {
		width: 100%;
	}

	.hero-big {
		min-height: 411px;
	}

	.hero-right {
		width: 100%;
	}

	article.loop-element {
		flex-direction: column;
	}

	article.loop-element .entry-thumbnail {
		flex: 0 0 100%;
		width: 100%;
		display: block;
		order: 0;
	}

	article.loop-element .entry-details {
		padding: 10px 0 0 0px;
	}

	.sm-grid-col {
		grid-template-columns: inherit;
	}

	.menu ul>li>a {
		font-size: 18px !important;
	}

	.header-title {
		font-size: 44pt;
	}

	.h1-title {
		font-size: 42pt;
	}

	.sub-details {
		position: relative;
	}
}

/* Custom, iPhone Retina  and PLUS Models*/
@media only screen and (max-width : 414px) {
	.hidden-xs {
		display: none;
	}

	.menu ul {
		float: none !important;
	}

	.lang-set {
		float: left;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 375px) {}

/* specific sizes */
@media (min-width: 576px) and (max-width: 767px) {
	.hidden-sm {
		display: none;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.hidden-md {
		display: none;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.hidden-lg {
		display: none;
	}
}

@media (min-width: 1200px) {
	.hidden-xl {
		display: none;
	}
}

@font-face {
	font-family: 'Gotham';
	src: url('assets/fonts/Gotham/Gotham-Bold.woff2') format('woff2'), url('assets/fonts/Gotham/Gotham-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gotham';
	src: url('assets/fonts/Gotham/Gotham-Black.woff2') format('woff2'), url('assets/fonts/Gotham/Gotham-Black.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gotham';
	src: url('assets/fonts/Gotham/Gotham-Thin.woff2') format('woff2'), url('assets/fonts/Gotham/Gotham-Thin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gotham';
	src: url('assets/fonts/Gotham/Gotham-BookItalic.woff2') format('woff2'), url('assets/fonts/Gotham/Gotham-BookItalic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Gotham';
	src: url('assets/fonts/Gotham/Gotham-Medium.woff2') format('woff2'), url('assets/fonts/Gotham/Gotham-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gotham';
	src: url('assets/fonts/Gotham/Gotham-LightItalic.woff2') format('woff2'), url('assets/fonts/Gotham/Gotham-LightItalic.woff') format('woff');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Gotham';
	src: url('assets/fonts/Gotham/Gotham-XLightItalic.woff2') format('woff2'), url('assets/fonts/Gotham/Gotham-XLightItalic.woff') format('woff');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Gotham';
	src: url('assets/fonts/Gotham/Gotham-BookItalic.woff2') format('woff2'), url('assets/fonts/Gotham/Gotham-BookItalic.woff') format('woff');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Gotham';
	src: url('assets/fonts/Gotham/Gotham-UltraItalic.woff2') format('woff2'), url('assets/fonts/Gotham/Gotham-UltraItalic.woff') format('woff');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Gotham';
	src: url('assets/fonts/Gotham/Gotham-XLight.woff2') format('woff2'), url('assets/fonts/Gotham/Gotham-XLight.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gotham';
	src: url('assets/fonts/Gotham/Gotham-MediumItalic.woff2') format('woff2'), url('assets/fonts/Gotham/Gotham-MediumItalic.woff') format('woff');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Gotham';
	src: url('assets/fonts/Gotham/Gotham-Light.woff2') format('woff2'), url('assets/fonts/Gotham/Gotham-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gotham';
	src: url('assets/fonts/Gotham/Gotham-BoldItalic.woff2') format('woff2'), url('assets/fonts/Gotham/Gotham-BoldItalic.woff') format('woff');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Gotham';
	src: url('assets/fonts/Gotham/Gotham-Light.woff2') format('woff2'), url('assets/fonts/Gotham/Gotham-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gotham';
	src: url('assets/fonts/Gotham/Gotham-Medium.woff2') format('woff2'), url('assets/fonts/Gotham/Gotham-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gotham';
	src: url('assets/fonts/Gotham/Gotham-Bold.woff2') format('woff2'), url('assets/fonts/Gotham/Gotham-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gotham';
	src: url('assets/fonts/Gotham/Gotham-Book.woff2') format('woff2'), url('assets/fonts/Gotham/Gotham-Book.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gotham';
	src: url('assets/fonts/Gotham/Gotham-ThinItalic.woff2') format('woff2'), url('assets/fonts/Gotham/Gotham-ThinItalic.woff') format('woff');
	font-weight: 100;
	font-style: italic;
	font-display: swap;
}