/**

 * @author ( Angie Radtke )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright Copyright (C) 2005 - 2019 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */

html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

html {
    background: #ffffff;
    font-size: 100.01%;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: #f3f5f6;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {

    position: relative;
    width: 100%;
    line-height: 1.5em;
    background: #eee
}

li {
  list-style-type: none; /* Hide marker in list items for the selected language */
}
/* ###################### general ###################### */
#all {
    margin: 0 auto;
    max-width: 1050px;
    padding: 0;
    text-align: left;
    font-size: 1.08em /* Changed from 0.8em */
}

#pos-lang { /* Used for the position of the language selection flag */
/*    position: absolute; */
/*    right: 30px;	*/	/* On the top right side */
/*    top: -42px;
    display: block; */
/*	padding-right: 90px; */
    float: right
}

#pos-workshops { /* Used for the position of the upcoming workshops */
    position: absolute;
    left: 894px;		/* On the top right side */
	text-align: center;
	margin-top: 20px;
	margin-bottom: 45px;
	width: 20%;
	height: 180px;		/* Image size */
}

#pos-trainings { /* Used for the position of the upcoming trainings */
    position: absolute;
    right: 12px;		/* On the right side */
	margin-bottom: 45px;
	width: 30%;
}

#pos-infosessions { /* Used for the position of the upcoming info sessions */
    position: absolute;
    left: 894px;		/* On the top right side */
	text-align: center;
	margin-top: 20px;
	margin-bottom: 45px;
	width: 20%;
	height: 180px;		/* Image size */
}


.headerrow {
	max-width: 100%;
}

.leftcolumn {
	float: left;
	width: 20%;	
}

.rightcolumn {
	margin-top: 15px;	/* Added to get some distance to the navigation bar. */
	float: left;
	width: 80%;	
}

/* Clear floats after the columns */
.headerrow:after {
	content: "";
	display: table;
	clear: both;
}

#header {
/*    display: block !important; */
    position: relative;
    padding: 8em 0 0 0;
    overflow: hidden;
}

#header ul { /* Used for the Navigation bar */
    position: relative;
/*Del    left: -99px;	 Moved to left, so that all menu items fits */
    top: 0.5em; /* Changed from 5em. Some value is needed otherwise the first row is overwritten. */
    right: 0;
    display: block;
    margin: 0 0 1px 0; /* Changed */
    text-align: right;
    list-style-type: none;
	font-size: 1.19em;  /* Text size of the navigation bar */
    padding: 10px 0;
}

#back {
    margin: 0;
    padding: 0;
}

#contentarea,
#contentarea2 {
    position: relative;
    overflow: hidden;
    padding: 0 20px !important;
    margin: 0;

}

#wrapper {
    width: 53%;
    float: left;
    position: relative;

}

#wrapper2 {
    width: 72%;
    float: left;
    position: relative;
    padding-bottom: 20px;

}

#wrapper2 .item-page {
    max-width: 740px;	/* Width of articles increased */
}

#main {
    padding-top: 5px;	/* Changed from 10 */
/*    padding-bottom: 20px; */
    position: relative;

}

#right {
    float: left;
    width: 20%;
    margin: 10px 0 10px 2%;
    padding: 0 0 5px 0;
    position: relative;
}

.unseen,
.hidelabeltxt,
#line label {
    display: inline;
    height: 0;
    left: -3000px;
    position: absolute;
    top: -2000px;
    width: 0;
}

/* ++++++++++++++  nav after content  ++++++++++++++ */
.left {
    padding-top: 0;
    float: right;
    margin: 10px 0 10px 0;
    width: 22%;
    position: relative;

}

/* ++++++++++++++  nav before content  ++++++++++++++ */
.left1 {
    padding: 0;
    float: left;
    margin: 10px 3% 10px 0;
    width: 21%;
    position: relative
}

.leftbigger {
    width: 25%
}

/* ###################### header ###################### */

.skiplinks,
.skiplinks li {
    display: inline;
    height: 0;
    line-height: 0;
    padding: 0 !important;
}

.skiplinks li a.u2 {
    display: inline;
    height: 0;
    left: -3000px;
    position: absolute;
    top: -2000px;
    width: 0;

}

.skiplinks li a.u2:active,
.skiplinks li a.u2:focus {
    position: absolute;
    width: 13em;
    top: -4em;
    left: 10px;
    line-height: 1.5em;
    padding: 5px;
    font-weight: bold;
    height: 3em;

}

.wrap {
    border: 0;
    clear: both;
    float: none;
    font-size: 1px;
    height: 0;
    line-height: 1px;
    margin: 0;
    padding: 0;
    visibility: hidden;
}

#logo {
    margin: 0;
    padding: 0;
    display: block;
/*    padding: 1em 20px 20px 10px; -Not used */
    width: 180px;	/* - Logo size changed from 425 */
    font-weight: normal;
    line-height: 1em;

}

#logo img {
    display: block;
}

#logo span {
    padding-left: 2px
}

#logo span.header1 { /* For displaying text if no image is found. */
    display: block;
    top: 0;
    line-height: 0.8em;
    font-size: 0.8em;
    padding-left: 55px
}

.logoheader {	/* For displaying the site description. */
    margin: -35px 0 0;  /* -Changed from -2px at top to get it upper located */
    padding: 0;
    text-align: left;
    font-weight: normal;
    line-height: 1.5em;
	margin-bottom: 12px
}

.header0 {	/* For displaying the site description header. */
	font-size: 1.6em;/* TEXT SIZE INCREASED */
	color: #15084f;
	padding-bottom: 15px;	/* For getting some distance to the following text. */
	margin-left: 65px;		/* Move to left. */
	text-shadow: 2px 2px #2b0bba;
}

.header1 {	/* For displaying the site description. */
	font-size: 1.17em;/* TEXT SIZE INCREASED */
	margin-left: 12px;
}
/* --Ready to delete-- */
/*#secDescription {  Used for the secondary description */
/*	max-width: 1050px; */
	/* margin-top: 6px; */
/*	margin-left: 20px;
    text-align: left; */
    /* margin-right: 120px; */
/*	font-size: 1.11em;
} */

#addtext { /* Used for the text below the slider */
    margin-top: -42px;	/* Move the text up */
    text-align: left;
    margin-left: 25px;
	font-size: 1.2em;
}

#contact-info { /* Used for showing the contact information */
    margin-top: 12px;	/* Move the text down */
/*    text-align: left; */
    margin-left: 55px;
	color: #0000ff;
	font-size: 1.36em;
}

#line {	/* Navigation bar settings and the first line */
    padding: 5px 0 2px 2px;
    position: absolute;
    top: 0.5em;
    text-align: right;
	margin-left: 1%;	/* Changed from 4% */
}

#fontsize,
#line .search {	/* For search function. */
    display: inline;
    margin: 0;
}

/* ++++++++++++++  button for closing right column  ++++++++++++++ */

#close {
    margin-right: 0;
    text-transform: uppercase;
}

#close span {
    position: absolute;
    right: 20px;
    z-index: 10000;
    top: 5px;
    font-weight: bold;
    text-align: right;
    line-height: 1.5em;
    margin-top:20px;
    padding: 5px
}

#close > a {
    display: block;
    overflow: hidden
}

#close > a:hover span {
    background: #095197
}

/* ###################### main ###################### */

/* ++++++++++++++  position  ++++++++++++++ */

.page-header {
	color: blue;
	font-weight: 900;
	font-size: 0.65em
}

.blog-featured {
    padding: 0;
}

.items-leading {
    padding: 0 5px 10px 5px;
    overflow: hidden;
    margin-bottom: 10px
}

.row-separator {
    display: block;
    clear: both;
    margin: 0;
    border: 0;
    height: 1px
}

.item-separator {
    display: none;
    margin: 0;
}

.shownocolumns {
	margin-top: 18px;	/* Add to move the Article name down */
    width: 98% !important;
}

#top {
    margin: 0 0 20px 0;
    overflow: hidden
}

/* ++++++++++++++  blog  ++++++++++++++ */

.cols-1 {
    display: block;
    float: none !important;
    margin: 0 !important;
}

.cols-2 .column-1 {
    width: 46%;
    float: left;
}

.cols-2 .column-2 {
    width: 46%;
    float: right;
    margin: 0
}

.cols-3 .column-1 {
    float: left;
    width: 29%;
    padding: 0 5px;
    margin-right: 4%

}

.cols-3 .column-2 {
    float: left;
    width: 29%;
    margin-left: 0;
    padding: 0 5px
}

.cols-3 .column-3 {
    float: right;
    width: 29%;
    padding: 0 5px
}

.items-row {
    overflow: hidden;
    margin-bottom: 10px !important;
}

.column-1,
.column-2,
.column-3 {
    padding: 10px 5px
}

.column-2 {
    width: 55%;
    margin-left: 40%;
}

.column-3 {
    width: 30%
}

.blog-more {
    padding: 10px 5px
}

/* ++++++++++++++  footer  ++++++++++++++ */

#bottom {
    overflow: hidden
}

.box {
    width: 27%;
    float: left;
    margin-right: 10px;
    min-height: 100px
}

.box1 {
    width: 35%
}

.box2 {
    width: 32%
}

.box3 {
    float: right
}

#footer-inner, #footer {
    max-width: 1025px;
    margin: 0 auto;
    padding: 10px 15px 10px 10px;
	font-size: 1.3em;
}

img {
    border: 0 none;
    max-width: 100%;
}

/* hide the mobile menu button */
#mobile_select {
    display: none
}

/* New for short privacy policy text in footer */
.footer-privPolicy {
	margin-left: 6.5%;
	color: #003300;
	font-size: 1.3em;
	margin-bottom: 5px;
}

/* New for copyright text in footer */
.footer-left {
	color: #000033;
	font-size: 1.4em;
	margin-bottom: 5px;
}

.pull-right {
	float: right;
	font-size: 1.4em;
}

/* +++  Special added classes for xmlhttprequest +++ */
.xhr-status {
	margin-top: -20px;
	font-size: 1.2em;
	color: red;
}

/* ++++++++++++++  More Details Page  ++++++++++++++ */
.moredetails.logoheader {
	text-align: center;
	font-size: 1.8em;
}

/* ++++++++++++++  Tips and Vinkeja Articles ++++++++++++++  */
.tips-image { 
	margin-top : -28px;
	}
	
.safeonnet-text { 
	padding-top: -25px;
	}
	
.image-logo { 
	margin-top : -12px;
	}
	
.list-image { 
	}