/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
#sidebar-vid iframe {
    aspect-ratio: 4 / 3 !important;
    height: 180px;
}
.wpr-grid-item-date.elementor-repeater-item-87abc81.wpr-grid-item-display-inline.wpr-grid-item-align-left {
  margin-bottom: 10px;
}
.postvideo {
  padding: 30px;
  background: ;
  border-top: chartreuse;
  border-bottom: ;
background: #171717;
background: linear-gradient(33deg,rgba(23, 23, 23, 1) 0%, rgba(41, 40, 40, 1) 100%);
}
#glavne-vesti .wpr-grid-item-category a {
  border: 1px solid #fff !important;
  background: transparent !important;
  color: #fff !important;
  font-size: 12px !important;
}
#glavne-vesti .wpr-grid-item-category a:hover {
	color: #000 !important;
	background: #fff !important;
}
#glavne-vesti .wpr-grid-item-title:hover a {
	color: #00B7B9;
}
.single #net-logo {
  display: none !important;
}
.single #nettech-logo {
  display: block;
}
.yarpp-related {
	margin: 40px 0 !important;
	padding: 40px;
	background: #444;
}
#meni a:hover {
	color: #00B7B9;
}
#glavna-vest .wpr-grid-item-below-content.elementor-clearfix {
  background: rgba(255,255,255,0.5);
  backdrop-filter: blur(10px);
  position: absolute;
  bottom: 0;
  width: calc(100% - 12px);
  padding: 20px;
    padding-top: 20px;
  left: 6px;
  bottom: 6px;
}

#glavna-vest .wpr-grid-item-date  span {
	color: #000 !important;
}
#glavna-vest .wpr-grid-item-category a {
  background: transparent;
  border: 1px solid #fff !important;
  color: #fff !important;
}
#glavna-vest .wpr-grid-item-category a:hover {
  background: #fff;
  border: 1px solid #fff !important;
  color: #000 !important;
}
body .wpr-post-content .yarpp-related  a {
	margin-bottom: 8px;
	color: #fff !important;
	font-size: 16px;
	text-decoration: none !important;
	display: block;
	font-weight: 400;
	border-bottom: 1px solid #999;
	padding-bottom: 8px;
}
body .wpr-post-content .yarpp-related a:last-child {
	border: none;
    padding-bottom: 0 !important;	
	margin-bottom: 0 !important;
}
.yarpp-thumbnails-horizontal {
  display: flex;
  gap: 20px;
}
.yarpp-thumbnail-title {
  color: #555;
  line-height: 110% !important;
  margin-top: 5px !important;
}

.yarpp-related h3 {
  font-size: 18px !important;
  text-transform: initial !important;
  color: #555 !important;
	font-family: Asap;
}
body .yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
	overflow: unset;
}
body .yarpp-thumbnails-horizontal .yarpp-thumbnail {
  border: 0px solid hsla(0,0%,50%,.1);
}
.kat-title a {
 	transition: all 0.2s;
}
.kat-title a:hover {
 	color: #000 !important;
}
.wpr-featured-media-image {
  display: flex !important;
  flex-direction: column !important;
}
.wpr-featured-media-caption span {
  background: transparent !important;
  font-size: 14px !important;
  color: #777 !important;
  width: 100% !important;
}
.wp-element-caption {
  text-align: center;
  font-style: normal;
  font-size: 14px;
  margin: 20px 20px 40px 20px;
  color: #777 !important;
}
.wpr-featured-media-image img {
 order: 1;
}
.wpr-featured-media-caption {
	 order: 2;
  position: relative !important;
}
#nettech-logo,
#tube-logo,
#tech-logo,
#net-logo {
	display: none;
}

.page-id-512 #tube-logo,
.category-4 #tube-logo,
.category-2 #tech-logo,
.category-3 #net-logo,
.home #nettech-logo {
	display: block !important;
}
.single-post h1.wpr-post-title {
 color: #000 !important;
}
.single-post .wpr-post-content h1, 
.single-post .wpr-post-content h2, 
.single-post .wpr-post-content h3, 
.single-post .wpr-post-content h4, 
.single-post .wpr-post-content h5, 
.single-post .wpr-post-content h6 {
	margin-top: 40px;
	color: #000 !important;
}
.single-post .wpr-post-content h2 {
	font-size: 28px !important;
}
#header-ikonice .elementor-icon {
	position: relative;
}
.wp-block-list li {
	margin-bottom: 10px;
}
.wpr-post-info-align-left {
	margin-top: -10px;
}
#header-ikonice .elementor-icon::before {
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  background: #00B7B9;
  transition: .2s;
  content: '';
  height: 0;
  width: 0;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
#header-ikonice .elementor-icon:hover {
	color: #000;
}
#header-ikonice .elementor-icon:hover svg {
	fill: #000;
}
#header-ikonice .elementor-icon:hover::before {
  width: 30px;
  height: 30px;
}
.category-tube .elementor-element-88a0bf8 {
  position: relative;
}
.category-tube .elementor-element-88a0bf8::after {
  position: absolute;
  content: "Tube";
  bottom: 20px;
  color: #fff;
  font-size: 35px;
  font-family: Orbitron;
  left: 50%;
  transform: translateX(-50%);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}
.single-post .wpr-post-content a{
  color: #000 !important;
  text-decoration: underline !important;
}
.single-post .wpr-post-content a:hover {
	color: #00B7B9 !important;
}
.single-post .wp-block-heading, .single-post .wp-block-heading * {
  color: #000;
  font-weight: 400 !important;
}
.wpr-grid-item-category a {
  background: #fff;
  border-radius: 10px !important;
  color: #333 !important;
  border: 1px solid #ccc !important;
  padding: 2px 8px !important;
	transition: all 0.2s;
}
.wpr-grid-item-category {
  position: relative !important;
  top: -3px !important;
}
.wpr-grid-item-category a:hover {
	background: #333;
	color: #fff !important;
}
#meni .elementor-widget-container {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  width: fit-content;
}
#meni .elementor-widget-container p {
	margin-bottom: 0;
}
#meni a {
  font-size: 20px;
  font-family: Orbitron;
  letter-spacing: 3px;
}
#meni {
	bottom: 25px;
  opacity: 0 !important;
  position: absolute;
  z-index: 555;
  opacity: 1;
  width: 1170px;
  margin: 0 auto 0 40px;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
	background: transparent;
}
#meni.akt {
	pointer-events: unset;
	opacity: 1 !important;
}
.elementor-icon {
  display: flex;
}
.nomargin h1, .nomargin h2, .nomargin h3,.nomargin h4,.nomargin h5, .nomargin h6, .nomargin p {
	margin-bottom: 0;
}
#najnovije article {
  border-bottom: 1px solid #eee;
}
#najnovije a:hover {
	opacity: 0.6;
}
.wpcf7-submit {
	background: #333 !important;
	color: #fff !important;
	transition: all 0.2s !important; 
	border-radius: 0 !important;  
	border: none;
}
.wpcf7-submit:hover {
	background: #000 !important;
}
.wpcf7-form-control-wrap input {
	border-radius: 0 !important;
}
#newsletter form p {
	display: flex; 
	flex-direction: row;
}
.wpcf7-spinner,
#newsletter form p br {
	display: none;
}
#hamb-opened {
	opacity: 0;
	pointer-events: none;
}
#hamb-opened.visible {
	opacity: 1;
	pointer-events: unset; 
}
#hamb-opened,
#hamb {
	cursor: pointer;
}
#hamb.hidden {
	pointer-events: none; 
	opacity: 0;
}
.elementor-element-17b07b0 .elementor-icon:hover {
	opacity: 0.7;
}
.wpr-grid-item-title .inner-block {
	position: relative;
}

.wpr-grid-item-title {
	margin-top: 20px;
}
.wpr-grid-item-title .inner-block a {
	z-index: 2;
	position: relative;
}
.wpr-grid-item-date  .inner-block {
	margin: 0 !important;
}
h2.wpr-grid-item-title {
  padding-top: 10px;
  display: block;
}
h2.wpr-grid-item-title .inner-block {
	margin-bottom: 10px !important;
}
.wpr-grid-item-category {
	margin-left: 5px !important;
}
.wpr-grid-item-below-content {
	padding-top: 20px !important;
}

@media all and (max-width: 1300px) {
	.e-con.e-flex > .e-con-inner {
		max-width: 90%;
	}
	#meni {
		padding-left: 20px;
	}
}
@media all and (max-width: 1024px) {
	body #header img {
	  max-height: 40px !important;
	}
	.yarpp-related {
		margin: 15px 0 !important;
		padding: 15px; 
	}
	.yarpp-related  a {
		margin-bottom: 15px !important;
		font-size: 14px;
		line-height: 120%;
	}
	#najnovije {
		margin-top: 60px;
	}
	#header {
		height: 100px;
	}
	#meni {
		padding-left: 0;
	}
	.wpr-grid-item-display-inline {
	  margin-top: 10px;
	}
	.elementor-element-002bd8b {
		margin-bottom: 0 !important;
	}
	.single .post .e-con.e-flex > .e-con-inner,
	#main .e-con-inner {
		padding-top: 40px !important;
	}
	#tech-logo img,
	#net-logo img,
	#tube-logo img,
	#nettech-logo img {
		height: auto;
		max-height: 100px !important;
	}
	.article-l article,
	#najnovije article {
		width: 100% !important;
	}
	#meni.akt .elementor-widget-container  {
		opacity: 0;
	}
 #meni.akt .elementor-widget-container {
	 opacity: 1;
    position: absolute;
    top: 25px;
    left: 0px;
    width: 100%;
    z-index: 555555;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
  }	
  #meni {
    width: 100%;
    left: 0 !important;
    transform: unset;
    z-index: 555;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    margin: 0 !important;
    background: rgba(0,0,0,0.8);
    backdrop-filter: blur(3px);
    width: 60%;
    box-shadow: 0 0 8px 0px rgba(0,0,0,0.5);
    padding: 200px 30px 60px 30px;
    transition: all 0.2s;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    opacity: 0;
  }
	.elementor-element-d1b7c4c {
		z-index: 700;
	}
	#meni.akt {
		opacity: 1;
		transform: translateX(0);
	}
	#meni p,
	#meni a {
		font-size: 14px;
		letter-spacing: 2px;
		display: flex;
		align-items: center;
	  }
}