/**
Theme Name: Astral
Author: Netrunner Team
Author URI: https://netrunner.com
Description: Theme for Netrunner website based on Astra.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astral
Template: astra
*/


/*** THEME STYLE ***
 *** Style related to Astral theme 
 ***/

/* Body background */
.ast-separate-container { background: #fff; }

/* Temporary fix for Download page - margin top and bottom are disabled on that page only, inline stylesheet 482 */
.ast-plain-container.ast-no-sidebar #primary {
  margin: 4em 0;
}
 
 
 /** Header **/
 
 /* Branding top and bottom padding */
.ast-site-identity { padding: .5em 0; }

/* Header menu */
.main-header-menu .sub-menu li:hover > a {
	color: #fff !important; /* menu dropdown item color on hover */
	background: #0074e8;
}

.ast-desktop .main-header-menu.submenu-with-border .sub-menu, 
.ast-desktop .main-header-menu.submenu-with-border .children {
    border-top-width: 1px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    border-style: solid;
}

.astra-full-megamenu-wrapper .elementor a:hover {text-decoration: underline;}

#site-navigation {font-weight: 700; font-size: 16px;}

.ast-desktop .main-header-menu.submenu-with-border .sub-menu, 
.ast-desktop .main-header-menu.submenu-with-border .children, 
.ast-desktop .main-header-menu.submenu-with-border .astra-full-megamenu-wrapper {
	border-top-color: #eaeaea;
	border-bottom-color: transparent;
	border-right-color: transparent;
	border-left-color: transparent;
}

.main-header-menu li:hover > a, .main-header-menu li:hover > .ast-menu-toggle, .main-header-menu .ast-masthead-custom-menu-items a:hover, .main-header-menu li.focus > a, .main-header-menu li.focus > .ast-menu-toggle, .main-header-menu .current-menu-item > a, .main-header-menu .current-menu-ancestor > a, .main-header-menu .current_page_item > a, .main-header-menu .current-menu-item > .ast-menu-toggle, .main-header-menu .current-menu-ancestor > .ast-menu-toggle, .main-header-menu .current_page_item > .ast-menu-toggle {color: #000;}

.menu-link-shop a {
	color: #0074e8;
}

/** Footer **/
.site-footer { font-size: 18px; }
.site-footer .widget-title { font-size: 20px; }
.site-footer a:hover { text-decoration: underline; }
.ast-small-footer { font-size: 13px; font-weight: 400; }

.site-footer .social-icons { 
	padding: 8px; 
	display: inline-block; 
	width: 24px; 
	height: 24px; 
	background-repeat: no-repeat; 
	margin: 0 8px;
}

.site-footer .social-icons:hover { 
	text-decoration: none; 
	color: #787878;
}

.i-facebook { background-image: url("/wp-content/uploads/facebook.png"); background-size: cover; }
.i-twitter { background-image: url("/wp-content/uploads/twitter.png"); background-size: cover; }
.i-github { background-image: url("/wp-content/uploads/github.png"); background-size: cover; }

/* Top border */
.footer-adv .footer-adv-overlay {
	border-color: rgb(0,116,232);
	border-image: -moz-linear-gradient(90deg, rgba(0,116,232,1) 0%, rgba(29,244,253,1) 50%, rgba(252,69,232,1) 100%);
	border-image: -webkit-linear-gradient(90deg, rgba(0,116,232,1) 0%, rgba(29,244,253,1) 50%, rgba(252,69,232,1) 100%);
	border-image: linear-gradient(90deg, rgba(0,116,232,1) 0%, rgba(29,244,253,1) 50%, rgba(252,69,232,1) 100%);
	border-image-slice: 1;
  border-top-width: 8px;
}


/** Sidebar **/
#secondary {
	font-size: .8rem;
	line-height: 1.5;
}

.widget-title { font-size: 1rem; }

.sidebar-main .dsq-widget-list {}


/** Basic elements **/
h1, .entry-content h1, 
h2, .entry-content h2, 
h3, .entry-content h3, 
h4, .entry-content h4, 
h5, .entry-content h5, 
h6, .entry-content h6 {
    color: #2F323B;
}

p { margin-bottom: 1em; }

.medium-font-size { font-size: 20px; }

.large-font-size { font-size: 28px; }

.align-center { text-align: center !important; }

.align-right { text-align: right !important; }

ol, ul { margin: 0 0 1.5em 1.5em; }

table, td, th {
	border-top: 0;
	border-right: 0;
	border-left: 0;
}

/* Space between posts */
.ast-separate-container .blog-layout-1 {
	padding-bottom: 40px;
}

.ast-separate-container .ast-article-post {
	margin-bottom: 50px;
}

.ast-separate-container .blog-layout-1 .read-more a:after {
	xcontent: ' ';
	display: block;
	width: 100px;
	height: 3px;
	background: #0074e8;
	margin-top: 20px;
	opacity: .2;
}

.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single {
	padding: 0;
}

.ast-separate-container #primary, 
.ast-separate-container.ast-left-sidebar #primary, 
.ast-separate-container.ast-right-sidebar #primary {
	margin: 3.5em 0;
	padding: 0;
}

/* Archive header */
.ast-separate-container .ast-archive-description, .ast-separate-container .ast-author-box {
	margin: 0;
	padding: 0 6.67em 3.33333em 0;
	background: #fff;
}
.ast-archive-description .ast-archive-title {
	font-size: 28px;
	font-size: 1.5555555555556rem;
}

/* Author header */
.ast-author-box .ast-author-bio {
	align-self: center;
	flex: 1;
	order: 2;
	display: flex;
}
.ast-author-box img.avatar {
	margin: 0 20px 0 0;
	max-width: 48px;
	order: 1;
}


/*** PLUGINS STYLE 
 *** Style for active plugins
 ***/
 
 /* Slideshow */
div#n2-ss-2 .n2-style-eaaf8d871b24a91c776f30f19df4ac13-heading,
div#n2-ss-2 .n2-style-36119f2d72fd25a7d440215226c18fd6-heading {
padding: 10px 30px !important;
}

.n2-ss-slider-1 { min-height: 420px !important; }

/* Fake preload first slide background */
.home .n2-section-smartslider {
	background-image: url(/wp-content/uploads/slides-preload-bg.jpeg);
	background-size: cover;
	background-position: center center;
	min-height: 420px;
	width: 100%;
}

.n2-section-smartslider:before {
	content: ' ';
	position: absolute;
	top: 120px;
	left: 80px;
	color: #333;
	font-size: 64px;
  font-family: Heebo;
}

.img-rounded-corners,
.img-rounded-corners > img {
	border-radius: 6px !important;
	overflow: hidden !important;
}
 
 /* Latest news home page */
 /* Latest news  */
.home-news, .home-sections {
  max-width: 1140px;
  margin: 60px auto;
	padding: 0 20px;
}

.home-posts, .home-posts-title  {
	max-width: 1140px;
	margin: 0 auto;
}

.home-posts-title > span {
	font-family: 'Roboto',sans-serif;
	font-weight: 400; 
	font-size: 18px;
	margin-left: 20px;
}

.home-posts-title > span a:after {
	content: "\e900";
	font-family: Astra;
	font-size: .65em;
	text-decoration: inherit;
	display: inline-block;
	transform: translate(0,-2px) rotateZ(270deg);
	margin-left: 3px;
}

.pt-cv-content-item .pt-cv-ifield:hover {
	border: 1px solid #ccc;
}

.pt-cv-content-item .pt-cv-ifield:hover a {
	color: #0074e8 !important;
}

.pt-cv-view .pt-cv-ifield {
	border: 1px solid #ddd;
	display: grid;
	max-height: 300px;
	overflow: hidden;
	height: 300px;
}

.pt-cv-view .pt-cv-title {
	margin-bottom: 0;
  padding: 4px 20px 10px 20px;
	order: 2;
}

.pt-cv-view .pt-cv-title a {
	color: #3b3b3b;
}

.pt-cv-meta-fields {
	color: #777;
	font-size: 13px;
  margin-top: 0;
	margin-bottom: 0;
  padding: 20px 20px 0 20px;
	order: 1;
}

.pt-cv-href-thumbnail {
	order: 3;
}

.pt-cv-href-thumbnail,
.pt-cv-href-thumbnail img {
	margin: 0 !important;
}

.pt-cv-view a {
	pointer-events: auto;
	height: 200px;
}

.dsq-widget-item img {
	vertical-align: top;
	margin-top: 6px;
	padding-right: 12px;
	float: left;
}

#disqus_thread {
	margin-top: 32px;
}

/* Supporting organizations banners */
.support-badge-deck {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 32px;
  max-width: 640px;
  margin: 0 auto;
}

.support-badge-deck img {
  margin-bottom: 16px;
}


/*** CONTENT STLYE 
 *** Style for specific page content, not related to themes 
 ***/
 
 /* Custom 1200px container, handy in combination with full width page layout */
 .container-1200 {
  max-width: 1200px;
  width: 100%;
  margin: 40px auto;
	padding-left: 20px;
	padding-right: 20px;
}

.tag {
	color: #fff;
	background: #0074E8;
	display: inline-block;
	padding: .3rem .5rem;
	line-height: 1em;
	border-radius: 4px;
	margin-bottom: 1em;
	font-size: .8rem;
	text-transform: uppercase;
	font-weight: 800;
	letter-spacing: .01rem;
}

.tag-grey { background: #97989D; }

.button-blue {
  font-size: 18px;
  color: #fff;
  background: #0074E8;
  padding: 16px 32px;
  border-radius: 32px;
}

.button-blue:hover,
.button-blue:focus {
  color: #fff;
  background-color: #0061C1;
}

.spacer {
	display: block;
	width: 100%;
	height: 64px;
}

.spacer-2x {
	display: block;
	width: 100%;
	height: 128px;
}

.block-line {
  width: 80px;
  height: 8px;
  background: #5EA5D8;
  margin-bottom: 48px;
  padding: 0 !important;
}

.block-line-small {
  width: 40px;
  height: 4px;
  background: #0074e8;
  margin: 20px auto;
  padding: 0 !important;
}

.padding-20 {	padding: 20px; }

.padding-60-30 { padding: 60px 30px; }

.p0,
.no-padding, 
.no-padding-child, 
.no-padding-child div { 
	padding: 0 !important; 
}

.m0 { margin: 0 !important; }

.mgtop-0 { margin-top: 0 !important; }

.mgtop-60 { margin-top: 60px; }

.mgtop-60-mobile { margin-top: 60px; }

.relative { position: relative; }

.text-color-white {
  color: #fff !important;
}

/* Dim background image */
.img-dim {
  position: relative;
  z-index: 200;
}

.img-dim * {color: #fff !important;}

.img-dim h2 {
  position: relative;
  z-index: 200;
}

.img-dim:before {
  content: ' ';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  opacity: .5;
  z-index: 100;
}

/** CSS Grid columns **/

/* Two even columns */
.add-grid-two {
  display: grid;
  grid-template-columns: 1fr;
  padding: 40px;
}

.add-grid-two div { padding: 10px; }

/* Two even columns reversed, switched order */
.add-grid-two-reverse {
  display: grid;
  grid-template-columns: 1fr;
  padding: 40px;
}

.add-grid-two-reverse div { padding: 10px; }

.add-grid-two-reverse div:nth-child(1) { order: 1; }

.add-grid-two-reverse div:nth-child(2) { order: 2; }

/* Three even columns */
.add-grid-three {
	display: grid;
  grid-template-columns: 1fr;
  padding: 20px;
}

.add-grid-four {
	display: grid;
  grid-template-columns: 1fr;
}

.grid-gap-30 { grid-gap: 30px; }

.grid-gap-normal { grid-gap: 40px; }

.dl-stats-grid {
	grid-template-columns: 1fr 1fr;
}

.add-grid {
	display: grid;
}

.grid-two {
	grid-template-columns: 1fr 1fr;
}

.app-slideshow-grid {
	display: grid;
	grid-template-columns: 1fr;
  grid-gap: 0;
}

.app-slideshow-grid div:nth-of-type(1) {
	order: 1;
}

.app-slideshow-grid div:nth-of-type(2) {
	order: 2;
}

.add-grid-two-1-3 {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 0;
	padding: 0 20px;
}

.add-grid-two-1-3-fixed {
display: grid;
	grid-template-columns: 32% 1fr;
}

.showcase-intro-grid {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 0;
}

.showcase-intro-grid div:nth-of-type(1) {
	order: 2;
}

.showcase-intro-grid div:nth-of-type(2) {
	order: 1;
}

.showcase-intro-grid-reverse {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 0;
}

.showcase-intro-grid-reverse div:nth-of-type(1) {
	order: 2;
}

.showcase-intro-grid-reverse div:nth-of-type(2) {
	order: 1;
}

/** 16:9 video embed wrapper **/
.video-wrapper {
    height: 0;
    margin: 0 0 2.5rem 0;
    overflow: hidden;
    padding-bottom: 56.25%; /*16:9*/
    padding-top: 30px; 
    position: relative;
}

.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}


/*** MEDIA BREAKPOINTS ***/

/** Small devices (landscape phones, 576px and up) **/
@media (min-width: 576px) {
	.mgtop-60-mobile { margin-top: 0px; }
	
	.add-grid-two,
	.add-grid-two-reverse,
	.add-grid-three,
	.add-grid-four {
		grid-template-columns: 1fr 1fr;
	}
	.add-grid-two-reverse div:nth-child(1) { order: 2; }
	.add-grid-two-reverse div:nth-child(2) { order: 1; }
	.add-grid-two-1-3 { grid-template-columns: 32% 1fr; grid-gap: 60px; }
}

/** Medium devices (tablets, 768px and up) **/
@media (min-width: 768px) {
	.app-slideshow-grid {
		display: grid;
		grid-template-columns: 30% 1fr;
		grid-gap: 60px;
	}

	.app-slideshow-grid div:nth-of-type(1) {
		order: 2;
	}

	.app-slideshow-grid div:nth-of-type(2) {
		order: 1;
	}
	
	.showcase-intro-grid {
		display: grid;
		grid-template-columns: 32% 1fr;
		grid-gap: 60px;
	}
	
	.showcase-intro-grid div:nth-of-type(1) {
		order: 1;
	}

	.showcase-intro-grid div:nth-of-type(2) {
		order: 2;
	}

	.showcase-intro-grid-reverse {
		display: grid;
		grid-template-columns: 1fr 32%;
		grid-gap: 60px;
	}
	
	.showcase-intro-grid-reverse div:nth-of-type(1) {
		order: 2;
	}

	.showcase-intro-grid-reverse div:nth-of-type(2) {
		order: 1;
	}
}

/** Large devices (desktops, 992px and up) **/
@media (min-width: 992px) {
	/* Slideshow */
	div#n2-ss-2 .n2-style-eaaf8d871b24a91c776f30f19df4ac13-heading,
	div#n2-ss-2 .n2-style-36119f2d72fd25a7d440215226c18fd6-heading {
		padding: 10px 60px 10px 60px !important;
	}
	.add-grid-three {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.add-grid-four {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}

/** Extra large devices (large desktops, 1200px and up) **/
@media (min-width: 1200px) { 

}