@charset "UTF-8";
/*
Theme Name: Twenty Nineteen GPUOpen
Theme URI: https://wordpress.org/themes/twentynineteen/
Author: GPUOpen
Author URI: https://www.gpuopen.com
Description: Child of Twenty Nineteen original WP theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: twentynineteen_GPUOpen
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

body.entry-content {
    margin-bottom: 0px !important;
}

@media (min-width: 768px) {
    .postcontent> div > div > div.e-con {
        --content-width: 1280px !important;
    }
}

/*.postcontent {background-color:#dededf;}*/
.postcontent {background-color:#ffffff !important;}
.postcontent> div > div > div.e-con > .e-con-inner {
    background-color:white;
    padding-left: 20px;
    padding-right: 20px;
    

}
.full-width {
    left: 50% !important;
	margin-left: -50vw !important;
	margin-right: -50vw !important;
	max-width: 100vw !important;
	position: relative !important;
	right: 50% !important;
	width: 100vw !important;
	padding-left: 0px !important;
	padding-right: 0px !important;

}

@media (prefers-color-scheme: dark) {
   

   .postcontent {background-color:#1a1a1b !important;}
    .postcontent> div > div > div.e-con > .e-con-inner {background-color:#1a1a1b ;}
	
	body > div.entry > div.effect_header > div > div.e-con {background-color:#27282b00 !important;}
}

.full-width >  div
{
	background-color:initial !important;
}
	
/*
Theme Name: Twenty Nineteen GPUOpen Dark Mode
Author: GPUOpen
Author URI: https://www.gpuopen.com
Description: Child of Twenty Nineteen original WP theme predominently to support dark mode, but with some other additions to improve perf by loading multiple files.
Version: 1.0.1
*/

.amp-wp-article-featured-image {display:none !important;}

strong {
   /* font-family: 'Klavika', Arial, sans-serif;*/
    font-weight: 700;
	/*font-size: 1.1em;*/
}

.whql-strong {
	font-weight: 600;
}

/* header styling stuff - applies to all, not just dark mode */

.menu_section_doc
{
	visibility:hidden;
}

.menu_section_softwares
{
	visibility:hidden;
}

ul.headermenu-list
{	
  	list-style-type: none;
  	margin: 0;
  	padding: 0;
	width:100%;
}

li.headermenu-item 
{
	font-size:1em;
	color:#ffffff;
  	letter-spacing: 0.9px;
	padding-left: 0px;
  	padding-right: 0px;
  	/*padding-top: 1px;*/
  	padding-bottom: 1px;
	width:100%;
}

.headermenu-link
{
	width:100%;
	display:block;
	/*line-height:1.3em;*/
	color:#ffffff !important;
	/*padding-top: 1px;*/
  	padding-bottom: 1px;
}

/*.headermenu-link:hover
{
	width:100%;
	padding-left: 5px;
	border-radius:2px;
	/*background-color: #ed1c2499;*//*
	background-image: linear-gradient(to right, #ed1c2499, black);
	color:#ffffff !important;
	visibility: visible; 
	transition: .2s;
	display:block;
}*/

.menu_title:hover
{
	min-width:100%;
	padding-left: 5px;
	border-radius:2px;
	/*background-color: #ed1c2499;*/
	background-image: linear-gradient(to right, #ed1c2499, black);
	color:#ffffff !important;
	visibility: visible; 
	transition: .2s;
	display:block;
}


.headermenu-link:hover
{
	min-width:100%;
	padding-left: 5px;
	border-radius:2px;
	/*background-color: #ed1c2499;*/
	background-image: linear-gradient(to right, #ed1c2499, black);
	color:#ffffff !important;
	visibility: visible; 
	transition: .2s;
	display:block;
}

.menu_title_img:hover
{
	
	/*border-radius:2px;*/
	background-image: linear-gradient(to right, #ed1c2499, black);
	
	visibility: visible; 
	transition: .2s;
}

.menu_title_img
{
	background-color: #000000;
}

.menu_title .divgrid:nth-of-type(1){
    display:none;
}
/*
.menu_heading 
{
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
}*/

.menu_title
{
    min-width: 100%;
	max-width: 100%;
	background-color:#000000;
	color: white;
  /*  display:flex;
  	flex-direction: row;
  	flex-wrap: wrap;*/
  /*  margin-bottom:-15px;*/
}


/*.menu_title > h2
{
	color:#ffffff;
	
	font-size:1.7em;
	/*margin-bottom:10px;
	
}*/

/* style of dropdown button */ 

@media screen and (min-width:768px) {
/*    .menu_dropdown
    {
        width: 100%;
        display:block;
    }*/
}

.menu_dropdown::after 
{
    background-color: #000000;
    color: #ffffff;
    cursor: pointer;
    text-align: left;
    border: none;
    outline: none;
}

.active, .menu_dropdown::after:hover 
{
    background-color: #ed1c24;
}

/* Style the menu items panel. Note: hidden by default on mobile, visible on all others */
.panel 
{
    padding: 0 0px;
    background-color: #000000;
    overflow: hidden;
}

li.headermenu-item:nth-of-type(1)
{
   	display:none;
}

/* markup for mobile */
@media screen and (max-width:767px) 
{
    .panel 
    {
        display: none;
  /*      padding-bottom:10px;
        padding-left:10px;*/
        /*margin-top:-5px;*/
    }

    /*.menu_title .divgrid:nth-of-type(2)
	{
    	display:inline;
	}*/

    .svgicon {
        
        content: attr(svg-value);
        align-content:right;
        width:auto;
        flex-shrink:0;
    	float:right;
        z-index: 0;
        align-items: center;
        margin-top: 26px;
    }
    
    .menu_title
    {
       display: grid; 
       grid-template-rows: 100%; 
       grid-template-columns: 95% auto;
     /*  margin-bottom:-10px;*/
    }
    
    .menu_dropdown.active
    {
    	flex-shrink:0;
    	float:right;
        z-index: 0;
        align-items: center;
        padding-top:0px;
    }
   

    li.headermenu-item 
    {
    	font-size:15px;
    	
      	letter-spacing: 0.9px;
    	padding-left: 0px;
      	padding-right: 0px;
      	/*padding-top: 1px;*/
      	padding-bottom: 1px;
    }
	
	li.headermenu-item:nth-of-type(1)
    {
    	display:inline;
    }
    
  /*  .menu_title > h2
    {
    	color:#ffffff;
    	font-size:1.4em;
    }*/
}

/* markup for tablet */
@media screen and (max-width:1800px) and (min-width:768px)
{
    li.headermenu-item 
    {
    	font-size:14px;
    	letter-spacing: 1px;
    
    	padding-left: 0px;
      	padding-right: 0px;
      	padding-top: 0px;
      	padding-bottom: 0px;
    }
    
    .menu_title > h2
    {
    	color:#ffffff;
    	font-size:1.3em;
    }
}

/* Special icons */
.highlighticon 
{
    background-attachment: fixed;
    width: 1em;
    color: #ed1c24;
    display: inline;
    margin-left: 10px;
    margin-bottom: -3px;
    margin-top: -3px;
}

.allitem:hover
{
	background-color:#ed1c24 !important;
	margin-left:-5px !important;
}

.allitem
{
	font-weight: bold;
	font-size:1.05em;
}

/* End of header-related code */

/*
Replace Eicons with FontAwesome
*/

.eicon {
display: inline-block;
font: normal normal normal 14px/1 'Font Awesome\ 5 Free';
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.eicon-menu-bar {
font-style: normal;
}

.dialog-close-button i:before{
   content: "\f410";
   font-family: 'Font Awesome\ 5 Free';
   font-weight:900;}

.elementor-menu-toggle i:before {
content:"\f0c9";
font-family:'Font Awesome\ 5 Free';
font-weight:900;
padding: 8px;
}
.elementor-menu-toggle.elementor-active i:before {
content: "\f00d";
font-family: 'Font Awesome\ 5 Free';
font-weight:900;
}

.elementor-swiper-button-next 
i:before {
content: "\f054";
font-family: 'Font Awesome\ 5 Free';
font-weight:900;
}
.elementor-swiper-button-prev 
i:before {
content: "\f053";
font-family: 'Font Awesome\ 5 Free';
font-weight:900;
}

.elementor-custom-embed-play 
i:before {
content: "\f144";
font-family: 'Font Awesome\ 5 Free';
font-weight:900;
}

/* General GPUOpen rules */

a {
   color: #ED1C24;
}
a:visited {
   color: #ED1C24;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 5px;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
	
}

/*.elementor-post.elementor-grid-item {background-color: #f1f1f2 !important;}*/
.elementor-post.elementor-grid-item {background-color: #f1f1f2 ;}
.elementor-post.elementor-grid-item:hover {box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);}
	
/* Videos page, if no slides available */
.NONE{
	display:none;
}

table.striped.alt>tbody>tr {
	background: rgba(255, 255, 255, .075) !important;
}

table.striped>tbody>tr:nth-child(odd) {
	background: rgba(200, 200, 200, .15) !important;
}

table.highlight>tbody>tr:hover {
	background: rgba(255, 255, 255, .15) !important;
}


	.elementor-icon 
	{color:#000000;}
	.elementor-icon:hover 
	{color:#000000;}

h1    { font-size: 1.8em;}

/* Now it's the dark mode specific styles */

@media not all and (prefers-color-scheme: dark)
{
	.elementor-posts .elementor-post__excerpt p {color:black !important;}
.codesnippet {background-color: #eeeeee; color:#000000; padding: 2px;}
}

@media (prefers-color-scheme: dark) {
.elementor-icon 
	{color:#ffffff;}
	.elementor-icon:hover 
	{color:#ffffff;}
	.codesnippet {background-color: #333333; color:#ffffff; padding:2px;}
}


@media (prefers-color-scheme: dark) {
  em {
    color: #fff;
  }
}

.dark {display:none; }
.dark_faded_header {display:none;}


.light { display:none; }
.dark {display:block; height:100%; margin-bottom:0px;}

.light_faded_header {display:none;}
.dark_faded_header {display:inline-block; height:100%;}

@media (prefers-color-scheme: dark) {


body > div.entry > div.e-con > div > div {background-color:#27282b;}

.effect_header>.e-con-inner {background-color: #00000000 !important }

.effect_header>.elementor-container>.elementor-column>.elementor-widget-wrap>.elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap{background-color:#00000000 !important}
	
	.effect_header> .elementor-container > .elementor-column > .elementor-widget-wrap{background-color:#00000000 !important}
	
	
		.stripe_red .elementor-widget-wrap {background-color: #ed1c24 !important}
	/*	.stripe_red > div > div {background-color:#ed1c24 !important;}*/
		.stripe_red > div.e-con {background-color:#ed1c24 !important;}
	
		.stripe_grey .elementor-widget-wrap {background-color: #636466 !important}
		/*.stripe_grey > div > div {background-color:#636466 !important;}*/
		.stripe_grey > div.e-con {background-color:#636466 !important;}
	
		.stripe_black .elementor-widget-wrap {background-color: #000000 !important}
		/*.stripe_black > div > div {background-color:#000000 !important;}*/
		.stripe_black > div.e-con {background-color:#000000 !important;}
	
		.stripe_blue .elementor-widget-wrap {background-color: #374da0 !important}
		/*.stripe_blue > div > div {background-color:#374da0 !important;}*/
		.stripe_blue > div.e-con {background-color:#374da0 !important;}
	
		.page_white .elementor-widget-wrap {background-color: #1a1a1b !important}
		/*.page_white > div > div {background-color:#27282b !important;}*/
		.page_white > div.e-con {background-color:#1a1a1b !important;}
		
		.page_normal .elementor-widget-wrap {background-color: #27282b !important }
		/*.page_normal > div > div {background-color:#27282b !important;}*/
		.page_normal > div.e-con {background-color:#27282b !important;}

	.stripe_dark .elementor-widget-wrap {background-color: #1a1a1b !important }
	/*.stripe_dark > div > div {background-color:#191919 !important;}*/
	.stripe_dark > div.e-con {background-color:#1a1a1b !important;}


.elementor-widget-wrap {background-color: #1a1a1b !important }

}


@media (prefers-color-scheme: dark) {
		body  {background-color: #191919 !important;}
	
	
	
	p, h1, h2, h3, h4, h5, h6, ul, hr, border, ol, table, td, tr, th, border, pre, .wp-caption .wp-caption-text  {color: #ffffff ;}


	
.elementor-cta__content-item {color: #ffffff !important ;}  

.elementor-divider {--divider-color: #ffffff;}

.invert {filter: invert(1);}
.invert75 {filter:invert(0.75);}
.invert50 {filter:invert(0.5);}
.invert25 {filter:invert(0.25);}
	
.dark_table.table, .dark_table.td, .dark_table.tr, .dark_table.th, .dark_table.border, .dark_table.p, .dark_table.h1, .dark_table.h2, .dark_table.h3, .dark_table.h4, .dark_table.h5, .dark_table.h6, .dark_table.ul, .dark_table.li, .dark_table.pre  {color:#000000 !important;}
.dark_table.a {color:#ed1c24;}
	.dark_table.div {color:#000000;}
	

.elementor-text-editor:not(gpu_code) {color:#ffffff;}
	
	 
		/* button hover default unless overridden */
	
.elementor-button:not(.secondmenu > div > div > a) { 
		/*background-color: /*#1A1A1B !important; */
		background-color: #00000000 !important; 
		color :#ffffff !important ;
		fill:#ffffff !important;
		border: 2px solid #ffffff !important;}
	
	
.elementor-button:hover:not(.secondmenu > div > div > a){
		/*background-color: #ffffff !important;
		color: #000000 !important;
		fill:#000000 !important;*/
	/*filter: invert(1);*/
	}

/*.elementor-button-icon.elementor-align-icon-left > svg
		
	filter: invert(1);
	}*/
	
	
 /* Call to Action */	
.cta_grey .elementor-cta__content  {background-color: #191919 !important;}
.cta_grey .elementor-cta__button {background-color: #191919 !important;}
.cta_grey .elementor-button {background-color: #191919 !important;}
.cta_grey .elementor-cta__content  
	{	color: #ffffff !important;}
	
.cta_grey .elementor-cta__image {filter: invert(1);}


.cta_grey.elementor-button:hover{
		background-color: #ffffff !important;
		color: #000000 !important;
	}
	
.elementor-row {background-color: #27282b;}
	
.elementor-search-form__input {color:#ffffff !important;}
	
.elementor-icon-list-text {color: #ffffff !important ;}
	
.effect_header .elementor-column {background-color: transparent !important;}
.effect_header .elementor-column-wrap {background-color: transparent !important;}
.effect_header .elementor-top-column {background-color: transparent !important;}
.effect_header .elementor-row {background-color: transparent !important;}

.elementor-tab-title {color:#ffffff !important;}
.eael-accordion-tab-title {color:#ffffff !important;}	
.eael-accordion-header {color:#ffffff !important;}

.elementor-testimonial__name {color:#ffffff !important; }
.elementor-testimonial__title {color:#ffffff !important; }
	
.widget-image-caption {color:#ffffff;
	background-color: #27282b;}
		/* normal page */

	.elementor-column-wrap {background-color: #27282b !important;} /* causes problem */
	
	  .elementor-column-wrap  {
	
		 box-shadow: 0px 0px 0px 0px !important;}
	

.mainmenu .elementor-nav-menu--main .elementor-item {color:#ffffff !important;}
.mainmenu .elementor-nav-menu--main .elementor-item:hover {
	background-color:#444444 !important;
	color:#ffffff !important;
}
	
.mainmenu .elementor-nav-menu--main .elementor-item:active {
	background-color:#444444 !important;
	color:#ffffff !important;
}
	
.mainmenu .elementor-nav-menu--main .elementor-item-active {
	background-color:#444444 !important;
	color:#ffffff !important;
}
	
	/* pagination e.g. news page, search */
a.page-numbers {color:white;}

a.page-numbers:hover {color:#ed1c24 !important;}
span.current {color: #ed1c24 !important;}	
a.page-numbers:visited {color:#ffffff ;}	
a.page-numbers:active {color: #ed1c24 !important;}	

	
.page-numbers {color:#ffffff !important;}
/*.page_numbers:hover {color:#ed1c24;}
.page_numbers:active {color:#ed1c24 !important;}*/
/*.page-numbers:visited {color:#636466 !important;}*/
	
align-content
.normal_page_white .elementor-column-wrap, .normal_page_white .elementor-column {background-color: #191919 !important ;}
	.page_white .elementor-button { 
		background-color: #191919 !important; 
		color :#ffffff !important;
		border: 2px solid #ffffff !important;
	}
	

	.normal_page_white p, .normal_page_white h1, .normal_page_white h2, 
.normal_page_white h3, 
	.normal_page_white h4, 
	.normal_page_white h5, 
	.normal_page_white h6 {color: #ffffff !important;}
	
	.normal_page_white a:active, .normal_page_white a:hover  {color: #ed1c24 ;}
	
	.elementor-nav-menu  a:active, .elementor-nav-menu a:hover  {
	
		color: #ffffff ;}
	

.elementor-widget-share-buttons 
	{background-color: #27282b !important;}


	.elementor-button-icon:hover {color:#000000 !important;}
	

	
	align-content
		/* white page (news posts) */
	
	.page_white.elementor-column-wrap, .page_white.elementor-column, .page_white.elementor-top-column {background-color: #1a1a1b;/* !important;*/} /* causes problem */
	.page_white .elementor-button { 
		background-color: #1a1a1b ; 
		color :#ffffff ;
		border: 2px solid #ffffff ;
	}
	
	
	.page_white .elementor-button:hover{
		background-color: #ffffff ;
		color: #000000 ;
	}
	
	.page_white p, .page_white h1, .page_white h2, .page_white h3, .page_white h4, .page_white h5, .page_white h6 .page_white ul, .page_white div {color: #ffffff !important;}
	
	.page_white a:active, .page_white a:hover a:focus {color: #ed1c24 !important;}
	
.page_white	.elementor-widget-theme-post-content .elementor-widget-container    
{
	background-color:#1a1a1b !important;
}
	
	
	/* logo */
	
	.img_logo a {height:80px;}
	.img_logo img {/*display:none  !important*/;
								height:0px;}
	.img_logo {height: 80px !important;}
	
	.header_topmenu {background-color: #1a1a1b !important;
	color: #ffffff !important;}
	
	/* front page post list */
	.postlist .elementor-post__excerpt p { 
		color: #ffffff !important;}
	
	.postlist .elementor-post-date  { 
		color: #9D9FA2 !important;
	}
	
	.postlist div {background-color: #27282b !important;}
	
	/* remove border from front page posts */
	.postlist .elementor-post {border-width: 0px 0px 0px 0px !important;}
	
	/* search box */
	
	.elementor-search-form__container,
	.elementor-search-form,
	.elementor-search-form__icon
	 {background-color: #191919 !important;
		 color: #ffffff !important;
	}
	.stripe_header	 {background-color: #27282b !important;
	}
	
	/* black stripe */
	
		.stripe_dark	.elementor-column-wrap {background-color: #191919 !important;
	}
	
	.stripe_dark {background-color: #1a1a1b !important;}
	.stripe_dark .elementor-button { 
		background-color: #1a1a1b !important; 
		color :#ffffff !important;
		border: 2px solid #ffffff !important;
	}
		
	
	.stripe_dark .elementor-button:hover{
		background-color: #ffffff !important;
		color: #000000 !important;
	}
	
	.stripe_dark p, .stripe_dark h1, .stripe_dark h2, .stripe_dark h3, .stripe_dark h4, .stripe_dark h5, .stripe_dark h6 {color: #ffffff  !important;}

.stripe_dark	.elementor-nav-menu  a:active, .stripe_dark .elementor-nav-menu a:hover  {
		background-color: #ed1c24;
		color: #ffffff ;}
	
	
	.faded_header	.elementor-column-wrap {background-color: #1a1a1b !important;
	}
	
	.faded_header {background-color: #1a1a1b !important;}
	.faded_header .elementor-button { 
		background-color: #1a1a1b !important; 
		color :#ffffff !important;
		border: 2px solid #ffffff !important;
	}
		
	.faded_header p, .faded_header h1, .faded_header h2, .faded_header h3, .faded_header h4, .faded_header h5, .faded_header h6 {color: #ffffff  !important;}

.faded_header	.elementor-nav-menu  a:active, .faded_header .elementor-nav-menu a:hover  {
		background-color: #ed1c24;
		color: #ffffff ;}
	
			/* mid grey stripe */
	
	.stripe_grey	.elementor-column-wrap {background-color: #636466 !important;
	box-shadow:0px !important;}
	
	.stripe_grey {background-color: #636466 !important;}
	.stripe_grey .elementor-button { 
		background-color: #636466 !important; 
		color :#ffffff !important;
		border: 2px solid #ffffff !important;
	}
	
	
	.stripe_grey .elementor-button:hover{
		background-color: #ffffff !important;
		color: #000000 !important;
	}
	.stripe_grey .stripe_grey p, .stripe_grey h1, .stripe_grey h2, .stripe_grey h3, .stripe_grey h4, .stripe_grey h5, .stripe_grey h6 {color: #ffffff ;}
	
		/* black stripe  */
	
	.stripe_black	.elementor-column-wrap {background-color: #000000 !important;}
	
	
	
	
	.stripe_black {background-color: #000000 !important;}
	.stripe_black .elementor-button { 
		background-color: #000000 !important; 
		color :#ffffff !important;
		border: 2px solid #ffffff !important;
	}
	
	
	.stripe_black .elementor-button:hover{
		background-color: #ffffff !important;
		color: #000000 !important;
	}
	
	.stripe_black p, 	.stripe_black h1, 	.stripe_black h2, 	.stripe_black h3, 	.stripe_black h4, 	.stripe_black h5, 	.stripe_black h6 {color: #ffffff !important ;}
	
		/* red stripe */
	
	.stripe_red	.elementor-column-wrap {background-color: #ed1c24 !important;
	box-shadow:0px !important;}
	
	.stripe_red {background-color: #ed1c24 !important;}
	.stripe_red:not(.secondmenu) .elementor-button { 
		background-color: #ed1c24 !important; 
		color :#ffffff !important;
		border: 2px solid #ffffff !important;
	}
	.stripe_red p, .stripe_red h1, .stripe_red  h2, .stripe_red  h3, .stripe_red h4, .stripe_red h5, .stripe_red  h6 {color: #ffffff !important;}

.stripe_red:not(.secondmenu) .elementor-button:hover { 
		background-color: #ffffff !important;
	color: #ed1c24 !important;}
	

			/* blue stripe */
	
	.stripe_blue	.elementor-column-wrap {background-color: #374DA0 !important;
	box-shadow:0px !important;}
	
	.stripe_blue {background-color: #374DA0 !important;}
	.stripe_blue .elementor-button { 
		background-color: #374DA0  !important; 
		color :#ffffff !important ;
		border: 2px solid #FFFFFF    ;
	}
	.stripe_blue .stripe_blue p, .stripe_blue h1, .stripe_blue h2, .stripe_blue  h3, .stripe_blue h4,  .stripe_blue h5, .stripe_blue h6 {color: #ffffff !important ;}
	
	
	.stripe_blue .elementor-button:hover{
		background-color: #ffffff !important ;
		color: #000000  !important;
		border: 2px solid #374DA0   !important ;
	}
	
	.stripe_blue .elementor-price-table__button.elementor-button {
			
		background-color: #0000E1  !important; 
		color :#ffffff !important ;
		border: 2px solid #FFFFFF    ;
		}
	
	.stripe_blue .elementor-price-table__button.elementor-button:hover{
		background-color: #ffffff !important ;
		color: #000000  !important;
		border: 2px solid #0000E1   !important ;
	}
	
	
	
	/* "white" stripe (main background colour - so not white in this instance, it's the darkish grey background) */
	
	.stripe_white	.elementor-column-wrap {background-color: #27282b !important;
	box-shadow:0px !important;}
	
	.stripe_white {background-color: #27282b !important;}
	.stripe_white .elementor-button { 
		background-color: #27282b !important; 
		color :#ffffff !important;
		border: 2px solid #ffffff !important;
	}
	.stripe_white .stripe_white p, .stripe_white h1, .stripe_white h2, .stripe_white  h3, .stripe_white h4,  .stripe_white h5, .stripe_white h6 {color: #ffffff !important ;}
	
	
	.stripe_white .elementor-button:hover{
		background-color: #ffffff !important;
		color: #000000 !important;
		border: 2px solid #000000 !important;
	}
	
	/* author box */
	
	.elementor-author-box__bio  {color :#ffffff !important;}
	
	.elementor-author-box__avatar, .elementor-author-box__name
	{color :#ffffff !important;}

	/* meta text on tutorials list */
	.elementor-post__text .elementor-post__meta-data {color: #9D9FA2 !important;}

	.e-font-icon-svg {
		fill:#ffffff !important;
	}
	
 /* post info widget */
.elementor-post-info p,
.elementor-post-info a, .elementor-post-info h1, .elementor-post-info h2, .elementor-post-info h3, .elementor-post-info h4, .elementor-post-info h5, .elementor-post-info h6, .elementor-post-info ul, .elementor-post-info span,
.elementor-post-info div  {
	color:#ffffff !important;
  
}

.elementor-icon 
	{color:#ffffff;}
.elementor-icon:hover 
	{color:#ffffff;}

.infobox-icon {color:#ffffff;}
/*.fas {
	color:#ffffff;
  
}
*/
	
.elementor-tab-title {color:#ffffff;}
	
.elementor-post-info 

.fa-calendar-alt {
	color:#ffffff !important;
  
}

  /* post box */
.elementor-post__card
{background-color: #000000 !important;}

.elementor-post.elementor-grid-item {background-color: #000000 !important;}

.elementor-posts--skin-classic .elementor-grid-item
{background-color: #000000 !important;}
	
.elementor-post.elementor-grid-item:hover {box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.5);}

	
/*.elementor-post {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    padding: 10px 0px 0px 0px;
  
    border-color: #9D9FA2;
}
*/	
.elementor-post__card p, 
.elementor-post__card a,
.elementor-post__card h1, .elementor-post__card h2, .elementor-post__card h3, .elementor-post__card h4, .elementor-post__card h5, .elementor-post__card h6 {
	color:#ffffff !important;
  
}



.eael-infobox
{
	background-color:#27282b;
}

.eael-infobox p, .eael-infobox a, .eael-infobox h1, .eael-infobox h2, .eael-infobox h3, .eael-infobox h4, .eael-infobox h5, .eael-infobox h6 {
	color:#ffffff !important;
  
}

.elementor-post__text p,
.elementor-post__text a, 
.elementor-post__text h1, .elementor-post__text h2, .elementor-post__text h3, .elementor-post__text h4, .elementor-post__text h5, .elementor-post__text h6 {color:#ffffff !important;}

 
	/* EA gallery item */
	
	.gallery-item-caption-wrap.caption-style-card{background-color: #636466 !important;}





	.elementor-widget-theme-post-content
{background-color: #27282b;/*00/* !important*/;}

	.secondary-button .elementor-button { 
		background-color: #636466 !important; 
		color :#ffffff !important;
		border: 2px solid #ffffff !important;}
	
.secondary-button .elementor-button:hover{
		background-color: #ffffff !important;
		color: #000000 !important;
	}
	/* due to transparent pngs that are black that won't show up otherwise */
/*	.elementor-post__thumbnail.elementor-fit-height {background-color: #ffffff !important;}
	.elementor-post__thumbnail  {background-color: #ffffff !important;}*/
} /* END OF DARK MODE */



/* EA smart post */
.eael-post-list-container .eael-post-list-content .eael-post-list-title, .eael-post-list-content .eael-post-list-title a {font-size: 1.1em !important;}

.eael-post-list-container {border-radius:2px !important;}

.eael-post-list-container.layout-advanced .eael-post-list-posts-wrap .eael-post-list-post .eael-post-list-post-inner:after {height:100%;
    
}

@media (prefers-color-scheme: dark){
	.eael-post-list-post-inner:after {
		background-color:#000000 !important;
	}
	
	.eael-post-list-container p, .eael-post-list-container a{	
		color: #ffffff !important;
	}

} /* dark end */
	
.eael-post-list-container.layout-advanced .eael-post-list-header .post-categories a
{
		border-radius:2px;
}

.eael-post-list-thumbnail {
  

}

.eael-post-list-thumbnail > img {
    margin:auto;
    display:block;
    object-fit:contain !important;
		padding-top:20px;
		height:230px !important;
}

@media (max-width: 767px) {
	.eael-post-list-thumbnail > img {
     height:100%;
   }
	


	.eael-post-list-container.layout-advanced .eael-post-list-header {
    	/*background-color: #f8f8fe;*/
		border-radius: 0px;
    	margin-left:-25px;
    	margin-right:-5px;
    	margin-bottom:-30px !important;
    	margin-top:-20px !important;
	}
}

.eael-post-list-container.layout-advanced .eael-post-list-header {
    background-color: #00000000;
		border-radius: 0px;
    	margin-left:-5px;
		margin-right:5px;
		box-shadow:none;
     
}

.eael-post-list-thumbnail {
	border-radius:0px !important;
}
.eael-post-list-container.eael-post-list-header{
    background-color:#00000000;
}

.eael-post-list-container.eael-post-list-container{
    background-color:#00000000 !important;
}

.eael-post-list-container.layout-advanced .eael-post-list-container.eael-post-list-wrap, .eael-post-list-container.eael-post-list-container.layout-advanced .eael-post-list-container.eael-post-list-post {
    margin-left:5px;
   
}

.eael-post-list-container.eael-post-list-header .header-title .title 
{
    background-color: #ed1c24; 
}

.eael-post-list-header{
    
    box-shadow:none;
}

@media (max-width: 767px) {
    .eael-post-list-container.layout-advanced .eael-post-list-header .post-categories a.post-list-filter-item {
        
        display:inline-block;
        max-width: 150px;
        margin: 5px !important;
        
    }
    
}

.square_green{
    fill: #00ff00;
}

.square_red{
    fill: #ff0000;
}

.square_magenta{
    fill: #ff00ff;
}

.square_blue{
    fill: #0000ff;
}

.square_cyan{
    fill: #00ffff;
}

.square_yellow{
    fill: #ffff00;
}

.square_black{
    fill: #000000;
}

.square_white{
    fill: #ffffff;
}

.square_grey{
    fill: #777777;
}

.square {
    background-attachment: fixed;
    width: 1em;
    display: inline;
    margin-left: 10px;
    margin-bottom: -3px;
    margin-top: -3px;
}
/*
html {
    visibility: visible;
    opacity: 1;
}*/

.lang-loader {
	border: 4px solid #f3f3f3;   
	border-top: 4px solid #3498db;   
	border-radius: 50%;   
	width: 20px;   
	height: 20px;   
	animation: lang-loader-spin 2s linear infinite;   
}


@keyframes lang-loader-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

form.lang-box {
	display: flex;
 	flex-direction: row;
 	gap: 5px;
}