@charset "utf-8";
/**
 * style.css
 *
 * Theme Name: Digital Trends
 * Theme URI: digitaltrends
 * Description: Digital Trends website custom made theme
 * Version: 1.0
 * Author: Technostacks - Rishi Mehta
 * Author URI: https://technostacks.com/
 */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body { font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

h1 { font-size: 30px; font-weight: 700; }

h2 { font-size: 22px; font-weight: 600; line-height: 22px; }

h3 { font-size: 16px; font-weight: 600; }

h4 { font-size: 16px; font-weight: 700; }

h5 { font-size: 15px; font-weight: 500; }

h6 { font-size: 16px; font-weight: 600; }

img { height: auto; max-width: 100%; }

img.aligncenter { display: block; margin: auto; }

a { color: #152942; }

a.plain-link { text-decoration: underline; font-weight: 500; }

a:hover, a:focus { color: #FC7A0A; text-decoration: none; }

.bg_skyblue { background: #ECF0FB; }
.blue_color_bg { background: #152942; }

.color_orange, .color_orange a { color: #FC7A0A; }

.cmn-btn { padding: 13px 10px; min-width: 138px; display: inline-block; background: #FC7A0A; border-radius: 6px; text-align: center; color: #fff; }
.cmn-btn:hover, .cmn-btn:focus { background: #152942; }

/* Header Wrapper */
.header_wrapper { box-shadow: 0px 6px 6px 0px rgb(0 0 0 / 10%); -webkit-box-shadow: 0px 6px 6px 0px rgb(0 0 0 / 10%); }

/* Navigation */
#header-menu { list-style: none; display: flex; margin: 0; padding: 0; justify-content: space-evenly;  }
#header-menu li a { color: #000; font-weight: 500; }
#header-menu li a:hover, #header-menu li a:focus { color: #FC7A0A; }

#header-menu .write-for-us-btn a { padding: 12px 20px; background-color: #152942; color: #fff; font-weight: 600; border-radius: 50px; }
#header-menu .write-for-us-btn a:hover, .write-for-us-btn a:focus { background-color: #FC7A0A; color: #fff; }

/* -=- Header Toggle Button CSS Start -=- */
.header-darkmode-btn { margin-right: 15px; }
.header-darkmode-btn .wp-night-mode { order: 1; }
.wpnm-button.style-1 { font-size: 16px; position: relative; display: block; width: auto; height: auto; margin-bottom: 0; top: 0; }
.wpnm-button.style-1 .wpnm-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.wpnm-button.style-1 .wpnm-slider.round { margin-right: 0px; padding: 0; position: relative; border: none; height: 62px; width: 36px; border-radius: 50px; color: #6b7381; background: #EEF2FB; }
.wpnm-button.style-1 .wpnm-slider.round:before { content: ""; bottom: 0.1875em; position: absolute; top: 30px; left: 4px; width: 26px; height: 26px; border-radius: 50px; background: #fff url(images/dark-mode.svg) no-repeat center center / 18px 18px; border: 1px solid #E2E2E2; transition: top 0.25s; }
.wpnm-button.style-1 .wpnm-slider.round:after { content: "dark mode"; width: 30px; font-size: 10px; line-height: 11px; font-weight: 600; text-transform: uppercase; color: #333333; text-align: center; word-break: break-word; white-space: normal; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); height: auto; bottom: auto; position: absolute; top: 6px; }


/* Homepage */
.banner_wrapper { background: #ECF0FB; }
/* -=- Banner CSS -=- */
.banner-section { padding: 36px 0px 30px; background-color: #ECF0FB; }
.banner-section .banner-desc-wrap p { margin-bottom: 0px; }
.banner-section .banner-img-wrap { min-height: 400px; }
.banner-section .slider-for { margin-bottom: 40px; }
.banner-section .slider-nav .slick-track { margin: 0px -12px; }
.banner-section .slider-nav .banner-nav-slide { padding: 0px; display: flex; display: -webkit-flex; align-items: center; border-bottom: 3px solid #DADEFC; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; }
.banner-section .slider-nav .slick-active:hover .banner-nav-slide, .banner-section .slider-nav .slick-current.slick-active .banner-nav-slide { background-color: #fff; }
.banner-section .slider-nav .slick-active:hover .banner-nav-slide, .banner-section .slider-nav .slick-current.slick-active .banner-nav-slide { border-color: #FD9B47; }
.banner-section .slider-nav.slick-initialized .slick-slide { margin: 0px 12px; }
.banner-section .slider-nav .banner-nav-slide .slide-nav-img { margin-right: 8px; background: url() no-repeat center center / cover; border: 1px solid #D6DFEB; width: 98px; flex-shrink: 0; }
.banner-section .slider-nav .banner-nav-slide .slide-nav-img:after { content: ""; width: 100%; display: block; padding-top: 100%; }
.banner-section .slider-nav .banner-nav-slide h5 { margin-bottom: 5px; }
.banner-section .slider-nav .banner-nav-slide h5 a { font-size: 18px; line-height: 22px; color: #000; font-weight: 400; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.banner-section .banner-img-wrap { background: url("") no-repeat center center / cover; }

.banner-section h3 { font-size: 24px; }
.banner-section h2 { font-size: 36px; line-height: normal; }

.banner-nav-slide h2 { font-size: 14px; }
.banner-nav-slide h3 { font-size: 12px; }

.index_wrapper h1 { font-size: 36px; border-bottom: 7px solid #DADFEC; }

/* Sidebar */
.input-group-btn, .input-group-btn .btn { background: #FC7A0A; color: #fff; }
input[type="search"] { padding: 3px 10px; font-size: 14px; }
.sidebar .sidebar_widget:nth-child(2) { margin: 15px 0; padding: 24px 30px 40px; border: 4px solid #DADFEC; }
.sidebar .sidebar_widget:nth-child(2) h3 { margin: 0px; padding-bottom: 16px; border-bottom: 7px solid #DADFEC; font-size: 30px; line-height: 44px; font-weight: 700; color: #000; }
.sidebar .sidebar_widget:nth-child(2) .es_subscription_form .es-field-wrap label { width: 100%; display: block; margin-bottom: 25px; }
.sidebar .sidebar_widget:nth-child(2) .es-field-wrap label input, .sidebar .sidebar_widget:nth-child(2) .newsletter-api-form-theme2 .subscriber-form .form-group .form-group .form-control, .sidebar .sidebar_widget:nth-child(2) .newsletter-api-form-theme2 .es_subscription_form .ig_es_form_field_name { margin: 0px; padding: 11px 15px !important; border: 1px solid #dadfec; border-radius: 6px; width: 100%; height: auto; font-size: 16px; line-height: 20px; color: #000; box-shadow: 0px 0px 0px 2px transparent; -webkit-box-shadow: 0px 0px 0px 2px transparent; font-weight: 400; }
.sidebar .sidebar_widget:nth-child(2) .es-field-wrap label input:focus { outline-color: #FC7A0A; }
.sidebar .sidebar_widget:nth-child(2) .es_subscription_form .es_subscription_form_submit { color:  #fff; margin: 0px; padding: 10px 20px; width: 100%; border-radius: 0px; font-size: 18px; line-height: 24px; background-color: #152942; border: none; text-transform: capitalize; font-weight: 600; }
.sidebar .sidebar_widget:nth-child(2) .es_subscription_form .es_subscription_form_submit:hover, .sidebar .sidebar_widget:nth-child(2) .es_subscription_form .es_subscription_form_submit:focus { background: #FC7A0A; }

/* Category Page */
.blog-listing-img { margin-right: 36px; border: 1px solid #D6DFEB; flex-shrink: 0; width: 300px; background: #f2f2f2 url(style.css) no-repeat center center / cover; }
.profile-wrapper > .profile-img { height: 40px; margin-right: 7px; background: #f2f2f2 url(style.css) no-repeat center center / cover; width: 40px; border-radius: 40px; }

/* Pagination */
.pagination { text-transform: uppercase; display: block; }
.navigation.pagination .nav-links { padding: 15px 0px; background-color: #EBEEF6; text-align: center; }
.post-navigation a, .page-numbers, .pagination .prev, .pagination .next { border:  1px solid; margin: 0px 5px; padding: 12px 16px; display: inline-block; font-size: 16px; line-height: 16px; color: #333; border-radius: 0px; background: #fff; border-color: #EBEEF6; overflow: visible; }
.post-navigation a:hover, .page-numbers:hover,.page-numbers.current:hover, .pagination .prev:hover, .pagination .next:hover { background-color: #FC7A0A; color: #fff!important; }
.page-numbers.current { border-color: #FC7A0A !important; color: #FC7A0A !important; }
.navigation.pagination .screen-reader-text { display: none; }
.post-navigation .nav-previous, .pagination .prev { float: none; }
.post-navigation .nav-next, .pagination .next { float: none; text-align: left; }

/* Single Post Page */
.single_wrapper .blog-listing-img { width: 100%; min-height: 400px; }
.single_wrapper .blog-content h2, .single_wrapper .blog-content h3, .single_wrapper .blog-content h4, .single_wrapper .blog-content h5, .single_wrapper .blog-content h6 { font-weight: 600; margin-top: 25px; margin-bottom: 25px; }
.single_wrapper .blog-content h2 { font-size: 32px; line-height: 38px; }
.single_wrapper .blog-content h3 { font-size: 28px; }
.single_wrapper .blog-content h4 { font-size: 24px; }
.single_wrapper .blog-content h5 { font-size: 20px; }
.single_wrapper .blog-content h6 { font-size: 16px; }

.blogger-profile-img { margin-right: 28px; width: 152px; background: url(style.css) no-repeat center center / cover; flex-shrink: 0; height: 152px; }
.single_author_title { font-size: 24px; font-weight: bold; }

.blog-content, .blog-content p { text-align: justify; }
.blog-content a { color: #2171DD; }
.blog-content a:hover, .blog-content a:focus { color: #FC7A0A; }

.blog-content > ul { padding: 0; }
.blog-content p, .blog-content li { font-size: 18px; line-height: 32px; }
.blog-content > ul > li { margin-bottom: 18px; padding-left: 34px; position: relative; list-style: none; }
.blog-content > ul > li:before { content: ""; padding: 6px; background-color: #FC7A0A; position: absolute; top: 10px; left: 0px; }

.blog-content .watch-action { display: none !important; }
.maxsocial .watch-action { height: auto; position: absolute; top: calc(100% + 30px); left: 0px; }
.maxsocial .watch-action .watch-position.align-left { float: none; }
.maxsocial .watch-action .watch-position.align-left .action-like { float: none; }
.maxsocial .lbg-style1 img, .maxsocial .unlbg-style1 img { margin: 0px auto; float: none; display: block; width: 26px; height: 26px; }
.maxsocial .lc, .maxsocial .unlc { float: none; position: absolute; left: 0px; width: 100%; display: block; text-align: center; padding: 0px; top: 56px; font-family: 'PT Sans', sans-serif; font-weight: 700; font-size: 20px; color: #000; line-height: 24px; }
.maxsocial .status { margin-top: 38px; padding: 0px; width: 100%;  font-size: 10px; line-height: 12px; display: block; text-align: center; }


/* Footer Menu */
.copy2 { text-align: right; }
#footer-menu { list-style: none; margin: 0; padding: 0; text-align: right; text-transform: uppercase; display: inline-block; }
#footer-menu li { display: inline-block; margin: 0 15px; }
#footer-menu a { color: #fff; }
#footer-menu li .fa-facebook-f { color: #4C74C9; }
#footer-menu li .fa-twitter { color: #55ACEE; }
#footer-menu li .fa-instagram { border-radius: 50%; background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); }
#footer-menu li .fa-linkedin-in { color: #1486B4; }
.dmca-badge { display: inline-block; }

/* Related Posts */
.related_posts article { flex-wrap: wrap; }
.related_posts .blog-listing-img { flex: 0 0 100%; margin-right: 0; height: 150px; margin-bottom: 15px; }
.related_posts .blog-listing-desc { flex: 0 0 100%; }
h3.related_title { font-size: 36px; border-bottom: 7px solid #DADFEC; }

.more-feature-listing article h4 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

/* Scroll to Top */
.scroll-to-top { background: #FC7A0A; color: #FFF; bottom: 4%; cursor: pointer; display: none; position: fixed; right: 20px; z-index: 999; font-size: 16px; text-align: center; line-height: 40px; width: 40px; border-radius: 4px; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; transition: background-color 0.3s linear; }

.dt-logo { display: none; }

/* Dark Theme CSS */
body.dark-theme { background: #212121; color: #fff; }
body.dark-theme .dt-logo { display: block; }
body.dark-theme .light-logo { display: none; }

body.dark-theme #header-menu li a { color: #fff }
body.dark-theme a { color: #fff; }
body.dark-theme .color_orange a { color: #FC7A0A; }

body.dark-theme #header-menu .write-for-us-btn a, body.dark-theme .sidebar .sidebar_widget:nth-child(2) .es_subscription_form .es_subscription_form_submit { background: #18a0fb; }
body.dark-theme #header-menu .write-for-us-btn a:hover, body.dark-theme #header-menu .write-for-us-btn a:focus, body.dark-theme .sidebar .sidebar_widget:nth-child(2) .es_subscription_form .es_subscription_form_submit:hover, body.dark-theme .sidebar .sidebar_widget:nth-child(2) .es_subscription_form .es_subscription_form_submit:focus { background: #FC7A0A; }

body.dark-theme .wpnm-button.style-1 .wpnm-slider:before { top: 6px; background-image: url(images/light-mode.svg); transition: top 0.25s; }
body.dark-theme  .wpnm-button.style-1 .wpnm-slider:after { content: "light mode"; top: 35px; }

body.dark-theme .banner_wrapper, body.dark-theme .banner-section { background: #2E2E2E; }
body.dark-theme .banner-section .slider-nav .slick-active:hover .banner-nav-slide, body.dark-theme .banner-section .slider-nav .slick-current.slick-active .banner-nav-slide { background-color: #353535; }

.dark-theme .navigation.pagination .nav-links { background-color: #2E2E2E; }
.dark-theme .post-navigation a, .dark-theme .page-numbers, .dark-theme .pagination .prev, .dark-theme .pagination .next { background-color: #515151; color: #fff !important; border-color: #515151 !important; }
.dark-theme .post-navigation a:hover, .dark-theme .page-numbers:hover, .dark-theme .pagination .prev:hover, .dark-theme .pagination .next:hover { background-color: #Fc7a0a !important; color: #fff !important; }
.dark-theme .blue_color_bg, .dark-theme .bg_skyblue { background-color: #333; }

body.dark-theme .blog-content a { color: #18a0fb; }
body.dark-theme .blog-content a:hover, .blog-content a:focus { color: #FC7A0A; }

.dark-theme .sidebar .sidebar_widget:nth-child(2) h3 { color: #fff; }


/* Menu Icons */
.menu_icon { position: absolute; z-index: 12; width: 9%; display: inline-block; text-align: center; vertical-align: middle; bottom: -28px; right: 45px; }
.burger { height: 48px; width: 48px; cursor: pointer; background: #FC7A0A; display: inline-block; border-radius: 50%; padding-top: 15px; position: relative; z-index: 12; }
.icon-bar1, .icon-bar3 { height: 2px; width: 18px; background: #fff; display: block; margin: auto; margin-bottom: 5px; -webkit-transition: all 0.5s; transition: all 0.5s;  }
.icon-bar2 { height: 2px; width: 10px; right: -4px; position: relative; background: #fff; display: block; margin: auto; margin-bottom: 5px; -webkit-transition: display 0.5s; transition: display 0.5s; }

.burger.active .icon-bar2 { display: none; }

.burger.active .icon-bar1 { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 7px; position: relative; }
.burger.active .icon-bar3 { -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); }


@media screen and (max-width: 768px) {

	.primary_navigation { position: fixed; width: 320px; height: 100%; background: #152942; right: -320px; top: 0; z-index: 10; padding-top: 150px; -webkit-transition: right 0.5s; transition: right 0.5s; }
	#header-menu { flex-wrap: wrap; }
	#header-menu li { width: 100%; padding: 5px; border-bottom: 2px solid #fff; }
	#header-menu li a { color: #fff; display: block; padding: 5px; }
	#header-menu li.write-for-us-btn { border-bottom: none; padding-top: 30px; }
	#header-menu li.write-for-us-btn a { background: #FC7A0A; text-align: center; }
	.primary_navigation.active { right: 0; }

	.copy1, .copy2 { text-align: center; padding: 5px 0; }
}

@media screen and (max-width: 576px) {
	.primary_navigation { width: 100%; right: -100%; }
	.banner-section .banner-img-wrap { min-height: 200px; }
	.banner-section { padding-top: 0; }
	.banner-slide .banner-img { margin-bottom: 16px; width: 100%; min-height: 180px; order: 1; }
	.banner-des { margin: 0 15px 15px; order: 2; }
	.banner-section .slider-nav .slick-list { display: none; }
	.banner-section .slick-dots { bottom: 10px; }
	.banner-section .slick-dots li button:before { font-size: 64px; color: #FC7A0A; }
	.blog-listing-img { width: 100%; height: 250px; margin-bottom: 15px; }
	.blogger-profile { flex-wrap: wrap; }
	.blogger-profile-des { width: 100%; }
	#footer-menu { text-align: center; }
	#footer-menu li#menu-item-1155 { display: block; }
	.dmca-badge { display: block; }
}