/**

 * @author ( Angie Radtke )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright Copyright (C) 2005 - 2009 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;
}

header{
    display: block;
    z-index: 10;
    position: relative;
}

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: #F3F3F3;
}

/* ###################### general ###################### */
#all {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0;
    text-align: left;
    font-size: 0.8em;
}

#header {
    display: block !important;
    position: relative;
    padding: 7em 0 0 0;

}

#header ul {

    left: 0;

    right: 0px;
    display: block;
    margin: 0 0 1px 0;
    text-align: right;
    list-style-type: none;
    padding: 10px 0;
    height: 70px;
}


#back {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
}

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

}

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

}

#main {

    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: left;
    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 img {
    display: block;
}

#logo span {
    padding-left: 2px
}

#logo span.header1 {
    display: block;
    top: 0;
    line-height: 0.8em;
    font-size: 0.7em;
    padding-left: 55px
}

.logoheader {
    margin: -2px 10px 0;
    padding: 0;
    text-align: left;
    font-weight: normal;
    line-height: 1.5em;
}
.header1 {
	font-size: 1.5em;
	margin-left: 10px;
}

#line {
position: absolute;
    top: 55px;
    text-align: right;
    min-width: 40em;
    width: 100%;
    height: 150px;

}

#fontsize,
#line .search {
    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  ++++++++++++++ */

.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 {
    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;
}



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

div.tabbed {
    position: relative;
    font-size: 0;
}

div.tabbed > a {
    display: inline-block;
    padding: .5em;
    font-size: 16px;
    border-radius: 3px 3px 0 0;
    background-color: #333;
    color: #eee;
    text-decoration: none;
    line-height: 1em;
}

div.tabbed > a + a {
    margin-left: .5em;
}

div.tabbed > a:target {
    color: #333;
    background-color: #eee;
}

div.tabbed > a > div {
    position: absolute;
    top: 100%;
    left: 0;
    width: 300px;
    padding: .5em;
    border-radius: 0 3px 3px 3px;
    display: none;
    color: #333;
    background-color: #eee;
}

div.tabbed > a:hover > div {
    display: block;
}
/*pagination*/
.vm-pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    
}
.vm-pagination ul{
   margin-left: 0px;
   margin-top: 50px;
}
.blog .pagination{
    width: 94%;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    margin: 0 15px;
    position: relative;
}
.blog .pagination .counter{
    margin-left: auto;
    position: absolute;
    right: 0px;
}
.vm-pagination ul{
    display: flex;
    gap: 2px;
    flex-direction: row;
    flex-wrap: wrap;
}
.blog .pagination ul{
    display: flex;
    gap: 2px;
    flex-direction: row;
    flex-wrap: wrap;
}
.vm-pagination ul li,
.blog .pagination ul li{
    background-color: #ECEAEA;
    border-radius: 30px !important;
    width: 32px;
    height: 32px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.vm-pagination ul li.has-link:hover,
.blog .pagination ul li.has-link:hover {
    background-color: #BEBEBE;
   
}

.vm-pagination ul li a,
.vm-pagination ul li span{
 background-color: transparent;
}
.vm-pagination ul li a,
.vm-pagination ul li span,
.blog .pagination ul li a,
.blog .pagination ul li span{
    text-decoration: none;
    border: none;
    padding: 0px;
    line-height: normal;
    display: flex;
    text-align: center;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.blog .pagination ul li a,
.blog .pagination ul li span{
    background-color: unset;
}
 .vm-pagination ul li:has(span),
 .blog .pagination ul li:has(span){
    background-color: #BEBEBE;
 }
 .vm-pagination ul li span,
 .blog .pagination ul li span{
    color: white;
 }
 .vm-pagination ul .pagination-start,
 .vm-pagination ul .pagination-prev,
 .vm-pagination ul .pagination-next,
 .vm-pagination ul .pagination-end,
 .blog .pagination ul .pagination-start,
 .blog .pagination ul .pagination-prev,
 .blog .pagination ul .pagination-next,
 .blog .pagination ul .pagination-end{
    background-color: transparent;
 }
.vm-pagination ul .pagination-start a,
.vm-pagination ul .pagination-start span,
.blog .pagination ul .pagination-start a,
.blog .pagination ul .pagination-start span{
    background: url("/media/com_jevents/images/start.svg") no-repeat center;
    width: 100%;
    height: 100%;
}
.vm-pagination ul .pagination-prev a,
.vm-pagination ul .pagination-prev span,
.blog .pagination ul .pagination-prev a,
.blog .pagination ul .pagination-prev span{
    background: url("/media/com_jevents/images/left.svg") no-repeat center;
    width: 100%;
    height: 100%;
}
.vm-pagination ul .pagination-next a,
.vm-pagination ul .pagination-next span,
.blog .pagination ul .pagination-next a,
.blog .pagination ul .pagination-next span{
    background: url("/media/com_jevents/images/right.svg") no-repeat center;
    width: 100%;
    height: 100%;
}
.vm-pagination ul .pagination-end a,
.vm-pagination ul .pagination-end span,
.blog .pagination ul .pagination-end a,
.blog .pagination ul .pagination-end span{
    background: url("/media/com_jevents/images/end.svg") no-repeat center;
    width: 100%;
    height: 100%;
}
.vm-pagination ul .pagination-start,
.vm-pagination ul .pagination-end{
display: none;
}
.vm-pagination ul .invisible.pagination-start,
.vm-pagination ul .invisible.pagination-end{
    display: none;
}
.vm-pagination ul .visible.pagination-start,
.vm-pagination ul .visible.pagination-end{
    display: block;
}

.blog .pagination ul .pagination-start a:hover{
    background: url("/media/com_jevents/images/startHover.svg") no-repeat center;
    width: 100%;
    height: 100%;
}
.vm-pagination ul .pagination-prev a:hover,
.blog .pagination ul .pagination-prev a:hover{
    background: url("/media/com_jevents/images/leftHover.svg") no-repeat center;
    width: 100%;
    height: 100%;
}
.vm-pagination ul .pagination-next a:hover,
.blog .pagination ul .pagination-next a:hover{
    background: url("/media/com_jevents/images/rightHover.svg") no-repeat center;
    width: 100%;
    height: 100%;
}
.blog .pagination ul .pagination-end a:hover{
    background: url("/media/com_jevents/images/endHover.svg") no-repeat center;
    width: 100%;
    height: 100%;
}
@media (max-width: 716px){
	
	.blog .pagination {
        width: 92%;
        flex-direction: column-reverse;
        margin: auto
    }
    .blog .pagination ul {
      margin-left: 0px;
    }
    .blog .pagination .counter {
       margin-left: inherit;
       right: unset;
       position: static;
    }
}
@media (max-width: 400px){
    .vm-pagination ul li,
    .blog .pagination ul li{
        width: 29px;
        height: 29px;
    }
}