/*
Theme Name: Medford News
Theme URI: https://themearile.com/medford-news-theme/
Template: newsexo
Author: ThemeArile
Author URI: https://themearile.com
Description: Medford News is the sleek, modern WordPress theme designed to make your content shine. Perfect for any blog, magazine, or publisher website, its visually stunning layout ensures your articles are beautiful and effortless to read on any device. Beyond its unique design, Medford News is built for the future: it's effortlessly lightweight, SEO-ready, and optimized for top performance and Core Web Vitals. This theme is the ideal fit for a wide range of content creators: from newspapers and news portals to personal blogs, product reviews, niche guides, lifestyle, travel, food, business, guides, journalism, travel, beauty, multimedia, and fashion magazines. Medford News gives you the power to create a perfect website without touching a single line of code. Start with unlimited colors and access to unlimited Google Fonts and full typography control. The theme offers flexible and versatile layouts that are completely responsive and support RTL languages. It is highly SEO-friendly to maximize your search engine performance and make your content easy for visitors to find. Plus, Medford News seamlessly supports all major plugins, including Elementor, Yoast SEO, WooCommerce, Gutenberg, Contact Form 7, Jetpack, Google Analytics, and more. Check the demo of Medford News Pro https://newsexo-pro-eleven.themearile.com/.
Version: 1.6
Tested up to: 6.8
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: medford-news
Tags: one-column, two-columns, right-sidebar, flexible-header, custom-background, custom-header, custom-menu, editor-style, featured-images, footer-widgets, post-formats, theme-options, threaded-comments, rtl-language-support, translation-ready, full-width-template, custom-logo, blog, e-commerce, portfolio
*/

/*--------------------------------------------------
=>> Body Custom Background Css
--------------------------------------------------*/

body.custom-background .theme-bg-dark,
body.custom-background .theme-bg-default, 
body.custom-background .theme-blog.theme-bg-grey {
    background-color: transparent !important;
}

/*--------------------------------------------------
=>> Wrapper Background Css
--------------------------------------------------*/

#wrapper {
    background-color: #f0f1f3;
}

/*--------------------------------------------------------------
=>> Typography Css
--------------------------------------------------------------*/

.navbar.navbar-dark .nav .menu-item .nav-link {
    font-size: 1.1rem;
    font-family: Encode Sans;
}
.navbar .nav .menu-item .dropdown-item {
	font-family: Encode Sans;
}


/*--------------------------------------------------------------
=>> Site Header
--------------------------------------------------------------*/

.site-header {
    background: #5649ff !important;
}
.head-contact-info li span.newsexo-time {
    background-color: #ffffff;
}
.head-contact-info li span.newsexo-time {
    color: #5649ff;
}
.head-contact-info li, .site-header .custom-social-icons .followus {
    color: #ffffff !important;
}
.custom-social-icons .followus:before, .custom-social-icons .followus:after {
    background: #ffffff !important;
}
.site-header .custom-social-icons li > a {
    color: #ffffff !important;
}

/*--------------------------------------------------------------
=>> Site Branding & Advertisement
--------------------------------------------------------------*/

.site-branding .site-title a, 
.site-branding .site-description {
	color: #fff;
}
.site-branding .site-title a:hover, 
.site-branding .site-title a:focus, 
.site-branding .site-description:hover, 
.site-branding .site-description:focus {
	color: #fff;
}


/*--------------------------------------------------------------
=>> Owl Slider Next - Prev Buttons
--------------------------------------------------------------*/

#news-slider-fluid.owl-carousel .owl-prev, 
#news-slider-fluid.owl-carousel .owl-next { 
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.1); 
	border: 1px solid #fff;
	opacity: 0.3;
	color: #fff; 
	font-size: 1.000rem; 
	line-height: 1.7;  
	padding: 0 !important;
	margin: 0px;
	-moz-border-radius: 1px; 
	-webkit-border-radius: 1px; 
	border-radius: 1px;
	position: absolute;
    top: 10px;
	right: 10px;
	width: 30px;
	height: 30px;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
	text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
#news-slider-fluid.owl-carousel .owl-prev { 
	right: 45px; 
} 
#news-slider-fluid.owl-carousel:hover .owl-prev,
#news-slider-fluid.owl-carousel:hover .owl-next { 
	opacity: 1; 
}
#news-slider-fluid.owl-carousel .owl-prev:hover, 
#news-slider-fluid.owl-carousel .owl-prev:focus, 
#news-slider-fluid.owl-carousel .owl-next:hover, 
#news-slider-fluid.owl-carousel .owl-next:focus { 
	background-color: rgba(0, 0, 0, 0.2); 
	color: #fff;
}

/*--------------------------------------------------------------
=>> Big News Section vrsn-three css
--------------------------------------------------------------*/

.big-news-section  .overlay-news-area.vrsn-three {
    background-color: #fff;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 0.438rem;
}
/*Blog Overlay Layout Four*/
.big-news-section .overlay-news-area.vrsn-four {
	background-color: #fff;
	border-radius: 9px;
	position: relative;
}
.big-news-section .overlay-news-area.vrsn-four .post-thumbnail {
	border-radius: 9px;
}
.big-news-section .overlay-news-area.vrsn-four .post-thumbnail img {
	width: 100%;
	-webkit-transform: scale(1) rotate(0deg);
	-moz-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;	
}
.big-news-section .overlay-news-area.vrsn-four .post-thumbnail:hover img {
	-webkit-transform: scale(1.1) rotate(2deg);
    -moz-transform: scale(1.1) rotate(2deg);
    -ms-transform: scale(1.1) rotate(2deg);
    transform: scale(1.1) rotate(2deg);
}
/*End of vrsn-four*/

/*--------------------------------------------------------------
=>> Featured News Section
--------------------------------------------------------------*/

.featured-news-section .overlay-news-area.vrsn-four {
	background-color: #fff;
	border-radius: 9px;
	position: relative;
}
.featured-news-section .overlay-news-area.vrsn-four .post-thumbnail {
	border-radius: 9px;
}
.featured-news-section .overlay-news-area.vrsn-four .post-thumbnail:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%) rotate(-45deg);
    /* z-index: 1; */
}
.featured-news-section .overlay-news-area.vrsn-four .post-thumbnail:hover:after {
	height: 250%;
	transition: all 600ms linear;
	background-color: transparent;
}
.featured-news-section .overlay-news-area.vrsn-four .post-thumbnail img {
	width: 100%;
	-webkit-transform: scale(1) rotate(0deg);
	-moz-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;	
}
.featured-news-section .overlay-news-area.vrsn-four .post-thumbnail:hover img {
	-webkit-transform: scale(1.1) rotate(2deg);
    -moz-transform: scale(1.1) rotate(2deg);
    -ms-transform: scale(1.1) rotate(2deg);
    transform: scale(1.1) rotate(2deg);
}
/*End of vrsn-four*/
.featured-news-section .news-section-title .f-heading {
    background-color: #5649ff;
}
.featured-news-section .news-section-title .f-heading:before {
    border-left: 15px solid #5649ff;
}

/*--------------------------------------------------------------
=>> YOU MAY HAVE MISSED Section
--------------------------------------------------------------*/

.sponsored-news-section .news-section-title .f-heading {
    background-color: #5649ff;
}
.sponsored-news-section .news-section-title .f-heading:before {
    border-left: 15px solid #5649ff;
}
.sponsored-news-section .grid-view-news-area.vrsn-four:hover, 
.sponsored-news-section .grid-view-news-area.vrsn-five:hover {
	transform: translateY(0px);
}

/*--------------------------------------------------------------
=>> Grid View News Section
--------------------------------------------------------------*/

/*Blog Grid Layout Four*/
.grid-view-news-area.vrsn-four {
	background-color: #fff;
	padding: 0;
	border-radius: 9px;
	position: relative;
	box-shadow: 2px 5px 20px rgb(0 0 0 / 7%);
    -webkit-transition: 0.4s;
    -ms-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
}
.grid-view-news-area.vrsn-four:hover {
	transform: translateY(-7px);
	transition: 0.4s;
	box-shadow: 2px 5px 25px rgb(0 0 0 / 15%);
}
.grid-view-news-area.vrsn-four .post-thumbnail {
	border-radius: 9px 9px 0px 0px;
}
.grid-view-news-area.vrsn-four .post-thumbnail:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
}
.grid-view-news-area.vrsn-four .post-thumbnail:hover:after {
	height: 250%;
	transition: all 600ms linear;
	background-color: transparent;
}
.grid-view-news-area.vrsn-four .post-thumbnail img {
	width: 100%;
	-webkit-transform: scale(1) rotate(0deg);
	-moz-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;	
}
.grid-view-news-area.vrsn-four .post-thumbnail:hover img {
	-webkit-transform: scale(1.1) rotate(2deg);
    -moz-transform: scale(1.1) rotate(2deg);
    -ms-transform: scale(1.1) rotate(2deg);
    transform: scale(1.1) rotate(2deg);
}
.grid-view-news-area.vrsn-four .post-content {
    padding: 1.563rem;
}
.frontpage-content .col-lg-3 .grid-view-news-area.vrsn-four .post-content { 
	padding: 1.25rem;
}
body.page-template-default .blog-grid-view-post .post {
	background-color: #fff;
	border: 1px solid #ebebeb;
	padding: 0.938rem 0.75rem;
}
.post.grid-view-news-area ul.wp-block-rss {
	list-style: disc;
}

/*--------------------------------------------------------------
=>> List View News Section
--------------------------------------------------------------*/

/*Blog List Layout Four*/
.list-view-news-area .post.vrsn-four {
	background-color: #fff;
	padding: 0;
	border-radius: 9px;
	position: relative;
	box-shadow: 2px 5px 20px rgb(0 0 0 / 7%);
    -webkit-transition: 0.4s;
    -ms-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
}
.list-view-news-area .post.vrsn-four:hover {
	transform: translateY(-7px);
	transition: 0.4s;
	box-shadow: 2px 5px 25px rgb(0 0 0 / 15%);
}
.list-view-news-area .post.vrsn-four .post-thumbnail {
	border-radius: 9px 0px 0px 9px;
	margin-right: 0;
}
.list-view-news-area .post.vrsn-four .post-thumbnail:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
}
.list-view-news-area .post.vrsn-four .post-thumbnail:hover:after {
	height: 250%;
	transition: all 600ms linear;
	background-color: transparent;
}
.list-view-news-area .post.vrsn-four .post-thumbnail img {
	width: 100%;
	-webkit-transform: scale(1) rotate(0deg);
	-moz-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;	
}
.list-view-news-area .post.vrsn-four .post-thumbnail:hover img {
	-webkit-transform: scale(1.1) rotate(2deg);
    -moz-transform: scale(1.1) rotate(2deg);
    -ms-transform: scale(1.1) rotate(2deg);
    transform: scale(1.1) rotate(2deg);
}
.list-view-news-area .post.vrsn-four .post-content {
    padding: 1.25rem 1.25rem 1.25rem 1.563rem;
}
/*Blog List Layout Five*/
@media (min-width: 200px) and (max-width: 991.98px) {
	.list-view-news-area .post.vrsn-four .post-thumbnail {
		border-radius: 9px 9px 0px 0px;
	}
	.list-view-news-area .post.vrsn-four .post-content {
		padding: 1.25rem;
	}
}

/*--------------------------------------------------------------
=>> Blog Meta
--------------------------------------------------------------*/

.entry-meta > span { 
	margin: 0 0.875rem 0 0 !important;
}
.entry-meta > span i {
    margin-right: 0.350rem;
}
.entry-meta .avatar-default {
    margin-right: 0.350rem;
}
/*Category Layout Four*/
.post.vrsn-four .entry-meta .cat-links .links-bg, 
.post.vrsn-four .entry-meta .cat-links .links-bg > span {
	transform: skew(0deg);
}
.post.vrsn-four .entry-meta .cat-links .links-bg {
	border-radius: 0px 30px 30px;
	-webkit-transition: 0.4s;
    -ms-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
}
.post.vrsn-four .entry-meta .cat-links .links-bg:hover, 
.post.vrsn-four .entry-meta .cat-links .links-bg:focus {
	border-radius: 30px 0px 30px 30px;
}
.post.vrsn-four .entry-meta .cat-links.links-space {
    padding: 0;
}
/*Category Colors*/
.entry-meta .cat-links .links-bg:nth-child(2) {
	background: #5649ff;
}
.entry-meta .cat-links .links-bg:nth-child(3) {
	background: #5649ff;
}
.entry-meta .cat-links .links-bg:nth-child(4) {
	background: #5649ff;
}
.entry-meta .cat-links .links-bg:nth-child(5) {
	background: #5649ff;
}
.entry-meta .cat-links .links-bg:nth-child(6) {
	background: #5649ff;
}
/*Pagination*/
.navigation.pagination .nav-links .page-numbers, 
.navigation.pagination .nav-links a {
	border: 1px solid #ebebeb;
}
.pagination a {
	background-color: #fff;
}
.sidebar .widget .wp-block-heading {
    background-color: #5649ff;
}
.sidebar .widget .wp-block-heading:before {
    border-left: 15px solid #5649ff;
}
.widget .col-12 .news-section-title .f-heading {
    background-color: #5649ff !important;
}
.widget .col-12 .news-section-title .f-heading:before {
    border-left: 15px solid #5649ff !important;
}
.widget .wp-block-search .wp-block-search__label:before {
    border-left: 15px solid #5649ff;
}
.widget .wp-block-search .wp-block-search__label {
    background-color: #5649ff;
}

/*--------------------------------------------------------------
=>> Blog Single
--------------------------------------------------------------*/

.single-news-area .grid-view-news-area.vrsn-four {
    padding: 1.25rem 1.563rem 1.563rem;
}
.single-news-area .grid-view-news-area.vrsn-four .post-thumbnail {
	padding-top: 0;
	margin-top: 1.563rem;
	border-radius: 9px 9px 9px 9px;
}
.single-news-area .grid-view-news-area.vrsn-four .post-content {
    padding: 1.5625rem 0 0;
}
.post-author-area.vrsn-four {
	background-color: #fff;
	border: 1px solid #ebebeb;
	padding: 1.25rem 1.563rem 1.25rem;
	border-radius: 9px;
	position: relative;
	box-shadow: 2px 5px 20px rgb(0 0 0 / 7%);
    transition: 0.4s;
}
.post-author-area.vrsn-four:hover {
	transform: translateY(-7px);
	border: 1px solid #fff;
	box-shadow: 2px 5px 25px rgb(0 0 0 / 15%);
}
/*Related Posts*/
.related-posts .grid-view-news-area.vrsn-four {
    padding: 0;
}
.related-posts .grid-view-news-area.vrsn-four .post-thumbnail {
    margin-top: 0;
	border-radius: 9px 9px 0px 0px;
}
.related-posts .grid-view-news-area.vrsn-four .post-content {
	padding: 1.25rem;
}
.related-posts .grid-view-news-area.vrsn-four .post-content .entry-meta:nth-child(3) {
    margin-bottom: 0; 
}
/*Comments*/
.theme-comment-area.vrsn-four {
	background-color: #fff;
	border: 1px solid #ebebeb;
	padding: 1.25rem 1.563rem 1.25rem;
	border-radius: 9px;
	position: relative;
	box-shadow: 2px 5px 20px rgb(0 0 0 / 7%);
    transition: 0.4s;
}
.theme-comment-area.vrsn-four:hover {
	transform: translateY(-7px);
	border: 1px solid #fff;
	box-shadow: 2px 5px 25px rgb(0 0 0 / 15%);
}
/*Comment Form*/
.theme-comment-form.vrsn-four .comment-form {
	background-color: #fff;
	border: 1px solid #ebebeb;
	padding: 1.25rem 1.563rem 1.25rem;
	border-radius: 9px;
	position: relative;
	box-shadow: 2px 5px 20px rgb(0 0 0 / 7%);
    transition: 0.4s;
}
.theme-comment-form.vrsn-four .comment-form:hover {
	transform: translateY(-7px);
	border: 1px solid #fff;
	box-shadow: 2px 5px 25px rgb(0 0 0 / 15%);
}
.theme-comment-area .comment-detail-title a {
	text-decoration: none;
}
.reply a {
    text-decoration: none !important;
}
.theme-comment-area .comment-detail p a {   
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}
.theme-comment-area .comment-detail p a:hover, 
.theme-comment-area .comment-detail p a:focus {
    text-decoration-style: dotted;
}


/*--------------------------------------------------------------
=>> Sidebar Widgets
--------------------------------------------------------------*/

.sidebar.vrsn-four .widget {
	background-color: #fff;
	padding: 1.25rem;
	border-radius: 9px;
	position: relative;
	box-shadow: 2px 5px 20px rgb(0 0 0 / 7%);
    -webkit-transition: 0.4s;
    -ms-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
}
.sidebar.vrsn-four .widget:hover {
	transform: translateY(-7px);
	box-shadow: 2px 5px 25px rgb(0 0 0 / 15%);
}
/*List View Post Widget*/
.list-view-post-widget .post.vrsn-four .post-thumbnail {
    border-radius: 9px;
}
.widget .wp-block-heading a {   
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

/*--------------------------------------------------------------
=>> Theme Breadcrumb Area
--------------------------------------------------------------*/

#wrapper .page-breadcrumb { 
	background-color: #fff;
}


/*--------------------------------------------------------------
=>> Footer Section & Widgets
--------------------------------------------------------------*/

.site-footer-overlay::before {	
	background-color: #000000;
}
.footer-sidebar .widget .wp-block-read-more {
    text-decoration: underline;
    text-underline-offset: 0.3rem;
    outline: none;
}
.footer-sidebar .widget .wp-block-read-more:hover, 
.footer-sidebar .widget .wp-block-read-more:focus {
    text-decoration-style: dotted;
}
.footer-sidebar .widget ul li a {
	color: #e0e0e0;
}

/*--------------------------------------------------------------
=>> Default Page Templates 
--------------------------------------------------------------*/

body.page-template-default .blog-grid-view-post .post.vrsn-four {
    background-color: #fff;
	border: 1px solid #ebebeb;
	padding: 1.25rem 1.563rem 1.25rem;
	border-radius: 9px;
	position: relative;
	box-shadow: 2px 5px 20px rgb(0 0 0 / 7%);
    transition: 0.4s;
}
body.page-template-default .blog-grid-view-post .sidebar .widget .list-view-post-widget .post {
	border-top: none;
	border-bottom: 1px solid #f1f1f1;
    border-left: none;
    border-right: none;
	padding: 0.938rem 0 0.938rem 0;
}
body.page-template-default .blog-grid-view-post .sidebar .widget .list-view-post-widget .post:first-child {
    padding-top: 0;
	margin-bottom: 0;
}
body.page-template-default .blog-grid-view-post .sidebar .widget .list-view-post-widget .post:last-child {
    padding-bottom: 0;
	border-bottom: none;
}

/*--------------------------------------------------------------
=>> Sidebar Update Released 
--------------------------------------------------------------*/

.wp-block-latest-posts li {
    padding-bottom: 1rem;
}
.wp-block-latest-posts li .wp-block-latest-posts__post-date {
    padding-top: 0.525rem;
}
.wp-block-archives li {
	padding-bottom: 0.625rem;
}
.post .wp-block-list li {
	padding-bottom: 0.625rem;
}
.post .wp-block-list li ul li:first-child {
	padding-top: 0.625rem;
}
.post .wp-block-list li:last-child, 
.post .wp-block-list li ul li:last-child {
	padding-bottom: 0;
}
.wp-block-file .wp-block-file__button {
	text-decoration: none;
}
.widget .wp-block-heading a {
    text-decoration: underline;
    text-underline-offset: 0.3rem;
}