/*
Theme Name: MEOSZ
Theme URI: http://clearcode.hu
Author: The Clear Code Team
Author URI: http://clearcode.hu
Version: 1.0
*/

/* FONT STYLES
----------------------------------------------- */

@font-face {
    font-family: 'Tahoma';
    src: url('fonts/Tahoma/Tahoma.eot');
    src: url('fonts/Tahoma/Tahoma.eot?#iefix') format('embedded-opentype'),
         url('fonts/Tahoma/Tahoma.woff2') format('woff2'),
         url('fonts/Tahoma/Tahoma.woff') format('woff'),
         url('fonts/Tahoma/Tahoma.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Trebuchet-Bold';
    src: url('fonts/Trebuchet_Bold/Trebuchet-Bold.eot');
    src: url('fonts/Trebuchet_Bold/Trebuchet-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/Trebuchet_Bold/Trebuchet-Bold.woff2') format('woff2'),
         url('fonts/Trebuchet_Bold/Trebuchet-Bold.woff') format('woff'),
         url('fonts/Trebuchet_Bold/Trebuchet-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Trebuchet';
    src: url('fonts/Trebuchet/Trebuchet.eot');
    src: url('fonts/Trebuchet/Trebuchet.eot?#iefix') format('embedded-opentype'),
         url('fonts/Trebuchet/Trebuchet.woff2') format('woff2'),
         url('fonts/Trebuchet/Trebuchet.woff') format('woff'),
         url('fonts/Trebuchet/Trebuchet.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Cambria-Bold';
    src: url('fonts/Cambria_Bold/Cambria-Bold.eot');
    src: url('fonts/Cambria_Bold/Cambria-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/Cambria_Bold/Cambria-Bold.woff2') format('woff2'),
         url('fonts/Cambria_Bold/Cambria-Bold.woff') format('woff'),
         url('fonts/Cambria_Bold/Cambria-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* COMMON STYLES
----------------------------------------------- */

body {
    font: 1.2em 'Tahoma';
    background: #fff;
    color: #10191b;
}

#focus-snail_svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    background: transparent;
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: translateZ(0);
}

#focus-snail_svg.focus-snail_visible {
    visibility: visible;
    z-index: 999;
}

#focus-snail_polygon {
    stroke-width: 0;
}

.page-title {
    font-size: 2em;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Trebuchet-Bold';
    color: #94153d;
}

h1 {
    font-size: 2.72em;
}

h2 {
    font-size: 2.229em;
}

h3 {
    font-size: 1.78em;
}

h4 {
    font-size: 1.519em;
    text-transform: uppercase;
}

h5 {
    font-size: 1.319em;
    text-transform: uppercase;
}

h6 {
    font-size: 1.387em;
}

b, strong {
    font-family: 'Trebuchet-Bold';
}

#content blockquote, #content legend, #content pre {
    font-size: 1em;
}

#content ul > li, #content ol > li {
    font: 1.333em 'Trebuchet';
    line-height: 1.5;
}

#content ul ul li, #content ol ul li, #content ul ol li {
    font-size: 1em;
}


p {
    font: 1.167em 'Trebuchet';
}

td p, td ul, td ol, td li {
    font-size: 1em !important;
}

.form-control {
    border: 1px solid #205681;
    border-radius: 0;
    font: 1.167em 'Trebuchet';
    height: auto;
    padding: 0.45em 3.3em 0.45em 0.86em !important;
}

.high-contrast-1, .high-contrast-1 #menu, .high-contrast-1 #header-menu, .high-contrast-1 #top-header,
.high-contrast-1 .light-gray-bg, .high-contrast-1 .gray-bg, .high-contrast-1 #sidebar-menu {
    background: #000 !important;
    color: #fff !important;
}

.high-contrast-1 a, .high-contrast-1 h1, .high-contrast-1 h2,
.high-contrast-1 h3, .high-contrast-1 h4, .high-contrast-1 h5,
.high-contrast-1 h6, .high-contrast-1 p, .high-contrast-1 label, .high-contrast-1 #show-left-push {
    color: #fff !important;
}

.high-contrast-1 .header-icon {
    background: url('images/icons.png') -148px -197px;
}

.high-contrast-1 .search-icon {
    background: url('images/icons.png') -204px -200px;
}

.high-contrast-1 .light-gray-bg, .high-contrast-1 .gray-bg {
    border: 1px solid #fff;
}

.high-contrast-1 .form-control {
    background: #000 !important;
    border-color: #fff !important;
    color: #fff !important
}

.high-contrast-1 .form-control:focus, .high-contrast-2 .form-control:focus {
    border-color: #8bfffb !important;
}

.high-contrast-1 .btn {
    background: #fff !important;
    border-color: #fff !important;
    color: #000 !important;
}

.high-contrast-1 .btn:hover {
    background: #000 !important;
    color: #fff !important;
}

.high-contrast-1 a:hover {
    background: #fff !important;
    color: #000 !important;
    text-decoration: none !important;
}

.high-contrast-2, .high-contrast-2 #menu, .high-contrast-2 #header-menu, .high-contrast-2 #top-header,
.high-contrast-2 .light-gray-bg, .high-contrast-2 .gray-bg {
    background: #000 !important;
    color: #ff0 !important;
}

.high-contrast-2 a, .high-contrast-2 h1, .high-contrast-2 h2,
.high-contrast-2 h3, .high-contrast-2 h4, .high-contrast-2 h5,
.high-contrast-2 h6, .high-contrast-2 p, .high-contrast-2 label {
    color: #ff0 !important;
}

.high-contrast-1 a, .high-contrast-2 a, .high-contrast-3 a {
    text-decoration: underline !important;
}

.high-contrast-2 a:hover {
    background: #ff0 !important;
    color: #000 !important;
    text-decoration: none !important;
}

.high-contrast-2 .header-icon {
    background: url('images/icons.png') -148px -197px;
}

.high-contrast-2 .search-icon {
    background: url('images/icons.png') -204px -200px;
}

.high-contrast-2 .light-gray-bg, .high-contrast-2 .gray-bg {
    border: 1px solid #ff0;
}

.high-contrast-2 .form-control {
    background: #000 !important;
    border-color: #ff0 !important;
    color: #ff0 !important
}

.high-contrast-2 .btn {
    background: #ff0 !important;
    border-color: #ff0 !important;
    color: #000 !important;
}

.high-contrast-2 .btn:hover {
    background: #000 !important;
    color: #ff0 !important;
}

.high-contrast-3, .high-contrast-3 #menu, .high-contrast-3 #header-menu, .high-contrast-3 #top-header,
.high-contrast-3 .light-gray-bg, .high-contrast-3 .gray-bg {
    background: #ff0 !important;
    color: #000 !important;
}

.high-contrast-3 .light-gray-bg, .high-contrast-3 .gray-bg {
    border: 1px solid #000;
}

.high-contrast-3 a, .high-contrast-3 h1, .high-contrast-3 h2,
.high-contrast-3 h3, .high-contrast-3 h4, .high-contrast-3 h5,
.high-contrast-3 h6, .high-contrast-3 p, .high-contrast-3 label {
    color: #000 !important;
}

.high-contrast-3 a:hover {
    background: #000 !important;
    color: #ff0 !important;
    text-decoration: none !important;
}

.high-contrast-3 .form-control {
    background: #ff0 !important;
    border-color: #000 !important;
    color: #000 !important
}

.high-contrast-3 .form-control:focus {
    border-color: #00f !important;
}

.high-contrast-3 .btn {
    background: #000 !important;
    border-color: #000 !important;
    color: #ff0 !important;
}

.high-contrast-3 .btn:hover {
    background: #ff0 !important;
    color: #000 !important;
}

.night, .night #menu, .night #header-menu, .night .light-gray-bg {
    background: #c4c4c4 !important;
}

.wide .container {
    width: 95% !important;
}

.force-left {
    float:left !important;
}

table th {
    font: 1.333em 'Trebuchet-Bold';
}

table td {
    font: 1.333em 'Trebuchet';
    padding: 5px;
    line-height: 1.5;
}

table td td {
    font-size: 1em;
}

a, a:hover {
    color: #1b95e0;
}

a:focus, button:focus {
    /*outline: 2px solid #f00; */
    outline: 0;
}

.list-group {
    list-style-type: none;
}

textarea {
    resize: none;
}

.animated-300ms {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.btn {
    background: transparent;
    border: 1px solid #94153d;
    color: #972020;
    border-radius: 0;
}

.form-control-feedback {
    top: 1.8em !important;
    height: 2.548em !important;
    width: 2.548em !important;
    line-height: 2.548em !important;
}

.btn:hover {
    background: #94153d;
    color: #fff;
}

.canvas {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 100;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.canvas.active {
    display: block;
}

.checkbox-input {
    width: 22px;
    height: 22px;
    margin-top: 6px !important;
}

.checkbox-label {
    display: inline-block;
    vertical-align: top;
}

/*.datepicker-switch {
    background: #972020;
    color: #fff;
}

.datepicker table tr td.day:hover {
    background: #972020;
    color: #fff;
}*/

img.alignleft {
    float: left;
    margin-right: 10px;
}

img.alignright {
    float: right;
}

img.aligncenter {
    display: block;
    margin: 0 auto;
}

img.size-full, .wp-caption {
    width: 100% !important;
    height: auto;
}

.wpcf7-validation-errors {
    border-color: red !important;
}

.highlight-color {
    background: #d2dde6;
}

iframe {
    width: 100% !important;
}

#associations-table {
    width:100%;
}

#associations-table table{
    width:100%;
    border-bottom:1px solid #ddd;
}

#associations-table table h5 {
    border-top: 1px solid #ddd;
    padding-top:5px;
}

#associations-table tr td {
    border-top: none;
}

::-webkit-input-placeholder {
    color: #b5b4b4 !important;
}
:-moz-placeholder {
    color: #b5b4b4 !important;
    opacity: 1;
}
::-moz-placeholder {
    color: #b5b4b4 !important;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #b5b4b4 !important;
}

.color-pink {
    color: #94153d;
}

.panel {
    border-color: #205681;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.entry-meta .h5ab-print-button-container {
    display: inline-block !important;
    width: auto;
    margin: 0 15px;
}

.twitter-btn {
    display: inline-block;
    width: 60px;
    vertical-align: top;
}

.icon-title > br {
    display: none;
}

.icon-title h2, .icon-title h3 {
    display: inline-block;
    vertical-align: middle;
    max-width: 80%;
    margin-top: 12px;
}

/* margin */

.m-0  { margin: 0px;  }
.m-5  { margin: 5px;  }
.m-10 { margin: 10px; }
.m-15 { margin: 15px; }
.m-20 { margin: 20px; }
.m-25 { margin: 25px; }
.m-30 { margin: 30px; }
.m-35 { margin: 35px; }
.m-40 { margin: 40px; }
.m-45 { margin: 45px; }
.m-50 { margin: 50px; }

/* margin-top */

.mt-0  { margin-top: 0px;  }
.mt-5  { margin-top: 5px;  }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-25 { margin-top: 25px; }
.mt-30 { margin-top: 30px; }
.mt-35 { margin-top: 35px; }
.mt-40 { margin-top: 40px; }
.mt-45 { margin-top: 45px; }
.mt-50 { margin-top: 50px; }

/* margin-right */

.mr-0  { margin-right: 0px;  }
.mr-5  { margin-right: 5px;  }
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.mr-25 { margin-right: 25px; }
.mr-30 { margin-right: 30px; }
.mr-35 { margin-right: 35px; }
.mr-40 { margin-right: 40px; }
.mr-45 { margin-right: 45px; }
.mr-50 { margin-right: 50px; }

/* margin-bottom */

.mb-0  { margin-bottom: 0px;  }
.mb-5  { margin-bottom: 5px;  }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }
.mb-35 { margin-bottom: 35px; }
.mb-40 { margin-bottom: 40px; }
.mb-45 { margin-bottom: 45px; }
.mb-50 { margin-bottom: 50px; }

/* margin-left */

.ml-0  { margin-left: 0px;  }
.ml-5  { margin-left: 5px;  }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.ml-25 { margin-left: 25px; }
.ml-30 { margin-left: 30px; }
.ml-35 { margin-left: 35px; }
.ml-40 { margin-left: 40px; }
.ml-45 { margin-left: 45px; }
.ml-50 { margin-left: 50px; }

/* padding */

.p-0  { padding: 0px;  }
.p-5  { padding: 5px;  }
.p-10 { padding: 10px; }
.p-15 { padding: 15px; }
.p-20 { padding: 20px; }
.p-25 { padding: 25px; }
.p-30 { padding: 30px; }
.p-35 { padding: 35px; }
.p-40 { padding: 40px; }
.p-45 { padding: 45px; }
.p-50 { padding: 50px; }

/* padding-top */

.pt-0  { padding-top: 0px;  }
.pt-5  { padding-top: 5px;  }
.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }
.pt-20 { padding-top: 20px; }
.pt-25 { padding-top: 25px; }
.pt-30 { padding-top: 30px; }
.pt-35 { padding-top: 35px; }
.pt-40 { padding-top: 40px; }
.pt-45 { padding-top: 45px; }
.pt-50 { padding-top: 50px; }

/* padding-right */

.pr-0  { padding-right: 0px;  }
.pr-5  { padding-right: 5px;  }
.pr-10 { padding-right: 10px; }
.pr-15 { padding-right: 15px; }
.pr-20 { padding-right: 20px; }
.pr-25 { padding-right: 25px; }
.pr-30 { padding-right: 30px; }
.pr-35 { padding-right: 35px; }
.pr-40 { padding-right: 40px; }
.pr-45 { padding-right: 45px; }
.pr-50 { padding-right: 50px; }

/* padding-bottom */

.pb-0  { padding-bottom: 0px;  }
.pb-5  { padding-bottom: 5px;  }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
.pb-25 { padding-bottom: 25px; }
.pb-30 { padding-bottom: 30px; }
.pb-35 { padding-bottom: 35px; }
.pb-40 { padding-bottom: 40px; }
.pb-45 { padding-bottom: 45px; }
.pb-50 { padding-bottom: 50px; }

/* padding-left */

.pl-0  { padding-left: 0px;  }
.pl-5  { padding-left: 5px;  }
.pl-10 { padding-left: 10px; }
.pl-15 { padding-left: 15px; }
.pl-20 { padding-left: 20px; }
.pl-25 { padding-left: 25px; }
.pl-30 { padding-left: 30px; }
.pl-35 { padding-left: 35px; }
.pl-40 { padding-left: 40px; }
.pl-45 { padding-left: 45px; }
.pl-50 { padding-left: 50px; }

.dont-break-out {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
/* HEADER
----------------------------------------------- */

#popup .modal-header {
    border: none;
}

#popup .modal-dialog {
    max-width: 870px;
    width: auto;
}

.popup-close {
    width: 35px;
    height: 35px;
    border: 1px solid #94153d !important;
    opacity: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,94153d+100 */
    background: #94153d !important; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #94153d 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#94153d 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#94153d 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#94153d',GradientType=0 ) !important; /* IE6-9 */
    color: #fff !important;
}

.popup-close > span {
    display: inline-block;
    height: 25px;
}

#popup .modal-content {
    border: 4px solid #94153d;
}

#popup p {
    font: 1.5em 'Tahoma';
    color: #94153d;
}

#top-header {
    background: #5A5C5A;
    color: #ffffff;
    font-size: 12px;
    border-bottom: 1px solid #979797;
    padding-top: 2px;
}

#top-header .jump-menu {
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
}

#top-header .jump-menu > li {
    float: left;
}

#top-header .jump-menu > li > a {
    color: #fff;
    position: absolute;
    top: 3px;
    left: -9999px;
    background: #5a5c5a;
    white-space: nowrap;
    z-index: 1;
}

#top-header .jump-menu > li > a:focus {
    left: 0;
}

.control-button .button-container {
    border-right: 2px solid #a2a1a1;
    float: left;
    position: relative;
}

.control-button .button-container:last-child {
    border-right: none;
}

.control-button button {
    border: none;
    background: transparent;
}

#mobile-control-button {
    background: #5a5c5a;
}

#mobile-control-button .change-font-size {
    color: #fff;
}

.default-mode, .night-mode {
    padding-top: 11px;
}

.default-mode:before,
.night-mode:before {
    content: '';
    display: inline-block;
    width: 23px;
    height: 22px;
    background: url('images/icons.png') 0 0;
    position: absolute;
    left: 0;
    top: 7px;
}

.night-mode:before {
    top: 9px;
    left: 15px;
    background-position: -23px -1px
}

.control-button .button-container:nth-child(3) {
    padding: 3px 15px 3px 20px;
}

.control-button .button-container:nth-child(3) .high-contrast {
    background: #555;
    color: #fff;
    font-size: 14px;
    padding: 6px 13px;
}

.control-button .button-container:nth-child(3) .high-contrast:nth-child(3) {
    color: #ffde00;
}

.control-button .button-container:nth-child(3) .high-contrast:nth-child(4) {
    color: #494949;
    background: #ffde00;
}

.control-button > li.button-container.high-contrast-container > button.high-contrast.ml-5 {
  background-color: #FFF;
  color:#205681;
}

.control-button > li.button-container.high-contrast-container > button:nth-child(3) {
  background-color: #205681;
}

.control-button .button-container:nth-child(5) {
    padding: 1px 15px;
}

.wide {
    border: 1px solid #8d8c8c !important;
    padding: 6px;
}

.fixed {
    border: 1px solid #8d8c8c !important;
    padding: 6px 3px;
}

.fixed > i, .wide > i {
    font-size: 19px;
}

.control-button .button-container .change-font-size {
    font-size: 14px;
}

.header-search {
    max-width: 390px;
    margin-top: 4px;
}

.header-search input {
    border: 1px solid #205681;
    border-radius: 0;
    font-size: 12px;
    height: 30px;
}

.header-search .btn {
    border-radius: 0;
    background: #205681;
    border: 1px solid #205681;
    height: 30px;
}

.header-search .btn > i {
    color: #fff;
    text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.75);
}

#menu {
    background: #fff;
    border: none;
    border-top: 1px solid #b5b4b4;
}

#menu .navbar-brand {
    margin: 0 0 5px;
    height: 100px;
}

#menu > div > div.navbar-header > a > img {
  width: auto;
  height: 104px;
  margin: 0 33px;
}

#header-menu {
    border-bottom: 1px solid #e2e2e2;
    background: #fff;
}

#header-menu .navbar-nav > li {
    padding: 18px 0 18px;
}

#header-menu .navbar-nav > li > a {
    font: 1.583em 'Trebuchet-Bold';
    color: #818080;
    text-transform: uppercase;
    padding: 23px 10px;
    border-right: 1px solid #94153D;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#header-menu .navbar-nav > li:nth-child(2) > a {
    border-color: #F7A516;
}

#header-menu .navbar-nav > li:nth-child(3) > a {
    border-color: #205681;
}

#header-menu .navbar-nav > li:nth-child(4) > a {
    border-color: #509E82;
}

#header-menu .navbar-nav > li:nth-child(5) > a {
    border: none;
}

#header-menu .navbar-nav > li > a:hover,
#header-menu .navbar-nav > li.active > a {
    color: #fff;
    background: #94153D;
}

#header-menu .navbar-nav > li:nth-child(2) > a:hover,
#header-menu .navbar-nav > li.active:nth-child(2) > a {
    background: #F7A516;
}

#header-menu .navbar-nav > li:nth-child(3) > a:hover,
#header-menu .navbar-nav > li.active:nth-child(3) > a {
    background: #205681;
}

#header-menu .navbar-nav > li:nth-child(4) > a:hover,
#header-menu .navbar-nav > li.active:nth-child(4) > a {
    background: #509E82;
}

#header-menu .navbar-nav > li:nth-child(5) > a:hover,
#header-menu .navbar-nav > li.active:nth-child(5) > a {
    background: #6E6150;
}

#scroll-menu {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

#scroll-menu > li {
    display: inline-block;
    margin: 5px 10px;
}

#scroll-menu > li > a {
    color: #fff;
    font: 1.7em 'Trebuchet-Bold';
}

#sidebar-menu {
    overflow-y: scroll;
    visibility: hidden;
}

.cbp-spmenu {
    background: #fff;
    position: fixed;
}

.cbp-spmenu-vertical {
    width: 240px;
    height: 100%;
    top: 0;
    z-index: 1000;
}

#sidebar-menu.cbp-spmenu-open {
    visibility: visible;
}

#side-menu-bottom a {
    font: 1.333em 'Cambria-Bold';
    color: #494949;
    padding: 8px;
    display: inline-block;
    text-decoration: none;
    width: 100%;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#side-menu-bottom a:hover {
    background: #972020;
    border-color: #ce9696;
    color: #fff;
}

.cbp-spmenu-left {
    left: -240px;
}

.cbp-spmenu-left.cbp-spmenu-open {
    left: 0px;
}

.cbp-spmenu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
}

.cbp-spmenu-push-toright {
    left: 240px;
}

.cbp-spmenu,
.cbp-spmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#show-left-push {
    background: none;
    border: none;
}

.header-icon {
    width: 42px;
    height: 42px;
    display: inline-block;
    background: url('images/icons.png') -10px -197px;
}

.search-icon {
    background-position: -81px -200px;
}

.search-control {
    position: relative;
    cursor: pointer;
}

.search-control > .fa {
    font-size: 47px;
}

#mobile-search {
    position: absolute;
    top: 70px;
    right: 100px;
    display: none;
    width: 390px;
}

/* MAIN PAGE
----------------------------------------------- */

.gray-bg .category-list {
    padding: 0 15px;
}

.news-item h2 {
    font-size: 1.75em;
}

.news-item h2 > a {
    color: #94153d;
}

.news-item h2 {
  margin-bottom: 2px;
}

.news-item .entry-meta,
.news-item .entry-meta a {
  color: #205681;
}

.news-item img {
    width: 100%;
    height: auto;
}

.news-item p {
    line-height: 1.5;
}

/* SIDEBAR
----------------------------------------------- */

.social-icons > li {
    float: left;
    border: 1px solid #5a5c5a;
    margin-right: 3px;
    background: #3b5999;
}

.social-icons > li > a {
    display: inline-block;
    width: 2.333em;
    height: 2.333em;
    color: #fff;
    padding: 0.35em 0;
}

.social-icons > .twitter {
    background: #00bbf5;
}

.social-icons > .youtube {
    background: #fe0000;
}

.social-icons > li:hover {
    background: #fff;
}

.social-icons > li:hover > a {
    color: #5a5c5a;
}

.social-icons .fa {
    font-size: 1.667em;
}

.language-chooser {
    margin-bottom: 0;
}

.language-chooser li {
    display: inline-block;
    padding: 5px 0;
}

/* SINGLE PAGE
----------------------------------------------- */

.light-gray-bg, .gray-bg {
    background: #f7f7f7;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.53);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.53);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.53);
}

.single .gray-bg .category-list {
    padding: 0;
}

.light-gray-bg p {
    font-size: 1.333em;
}

.light-gray-bg .mt-40.text-center > a {
    text-transform: uppercase;
    color: #972020;
    font-size: 1.167em;
}

.light-gray-bg ol > li,
.page-template-bazaar ol > li {
    font-size: 1.333em;
    line-height: 1.5;
}

.light-gray-bg ol ol li {
    font-size: 1em;
}

/* SINGLE POST PAGE
----------------------------------------------- */

.category-list a {
    background: #d09a9a;
    display: inline-block;
    margin-bottom: 5px;
    color: #fff !important;
    padding: 2px 5px;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.54);
    border-top: 1px solid #e9d0d0;
    border-bottom: 1px solid #e9d0d0;
    text-decoration: none;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.single-post .category-list a:hover {
    background: #972020;
    border-color: #ce9797;
}

.single-post .entry-title {
    font-size: 2em;
    margin-bottom: 2px;
}

.single-post .entry-header p {
    font: 1.333em 'Trebuchet-Bold';
    color: #555;
}

.entry-meta a {
    color: #000;
}

.single-post .entry-content p, .single-event-list-cal p {
    font-size: 1.333em;
    color: #555;
}

.entry-content .h5ab-print-button-container, .publicity-content .h5ab-print-button-container {
    display: none;
}

.rel-future > h1, .rel-past > h1 {
    font-size: 1.167em;
    line-height: 1em;
    color: #555;
    border-bottom: 1px solid #6e6e6e;
}

.rel-future-in a, .rel-future-in a:hover {
    color: #205681
}

.rel-future-in, .rel-past-in {
    border-bottom: 1px solid #cdcdcd;
}

.last.rel-future-in, .last.rel-past-in {
    border-bottom: 0;
}

.rel-future-in .title h2,
.rel-past-in .title h2 {
    font-size: 1.167em;
}

.rel-past-in .title h2 a {
    color: #972020;
}

/* CUSTOM PAGINATION
----------------------------------------------- */

ul.pager li a {
  color: #555555;
  border-radius: 0;
}

.pager>.active>a,
.pager>.active>a:focus,
.pager>.active>a:hover,
.pager>.active>span,
.pager>.active>span:focus,
.pager>.active>span:hover {
    color: #fff;
    cursor: default;
    background-color: #d2dde6;
    border-color: #d2dde6;
}

.pager li>a, .pager li>span {
    padding: 5px 1%;
}

/* SEARCH AND ARCHIVE PAGES
----------------------------------------------- */

.search-result > .news-item, .archive-result > .news-item, .page-template-hibrid .news-item {
    border-bottom: 1px solid #eee
}

/* CONTACT PAGE
----------------------------------------------- */

#gmap {
    height: 233px;
}

#contact-form h5 {
    font: 1.25em 'Trebuchet-Bold';
    text-transform: uppercase;
}

#contact-form .form-control::-webkit-input-placeholder {
    color: #adacac !important;
}

#contact-form .form-control:-moz-placeholder {
    color: #adacac !important;
    opacity: 1;
}

#contact-form .form-control::-moz-placeholder {
    color: #adacac !important;
    opacity: 1;
}

#contact-form .form-control:-ms-input-placeholder {
    color: #adacac !important;
}

.contact-information > li {
    font-size: 1.167em;
}

.contact-information > li > span {
    color: #205681;
}

.contact-information > li > a {
    color: #494949;
}

.ajax-loader {
    width: auto !important;
    height: auto !important;
}

/* ADVERTISING
----------------------------------------------- */

#advertising-form label {
    font: 1.25em 'Trebuchet';
    color: #000;
}

#advertising-form .required {
    color: red;
}

.birthday {
    padding-right: 0 !important;
}

/* HUMANITY
----------------------------------------------- */

.page-template-humanity .entry-content li {
    font-size: 1.167em;
}

.owl-item {
    padding: 0 40px;
}

.owl-item img {
    width: 100%;
    height: auto;
}

.gallery-container {
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.gallery-container .control {
    position: absolute;
    top: 36%;
    font-size: 4.917em;
    cursor: pointer;
    z-index: 1;
    color: #b1b1b1;
}

.gallery-container .prev {
    left: 0;
}

.gallery-container .next {
    right: 0;
}

/* WIDGETS
----------------------------------------------- */

.widget {
    margin-bottom: 15px;
}

.tagcloud > a {
    display: inline-block;
}

#menu-sidebar-menu, .language-chooser {
    padding: 0;
    list-style-type: none;
}

#menu-sidebar-menu > li > a {
    font: 1.233em 'Trebuchet';
    color: #494949;
    padding: 5px 8px;
    display: inline-block;
    border: 1px solid transparent;
    border-top: 1px solid #e2e2e2;
    text-decoration: none;
    width: 100%;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#menu-sidebar-menu > li:first-child > a {
  border-top:1px solid transparent;
}

#menu-sidebar-menu > li > a:hover {
    background: #205681;
    border-color: #205681;
    color: #fff;
}

.highlight-news-box {
    position: relative;
}

.highlight-news-box img {
    width: 100%;
    height: auto;
}

.highlight-news-box h3 {
    font: 1.083em 'Trebuchet';
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    text-shadow: 0px 1px 1px rgba(1, 1, 1, 0.58);
}

.widget_banner img {
   width: 100%;
   height: auto;
}

.right-side .widget:nth-of-type(3) {
    clear: both;
}

.qtranxs_widget {
    float: right;
}

.qtranxs_widget ul {
    margin: 0;
}

.qtranxs_widget ul li {
    display: inline-block;
    list-style-type: none;
}

/* BAZAAR PAGE
----------------------------------------------- */

.new-publicity-btn {
    font: 1.167em 'Trebuchet-Bold';
    text-transform: uppercase;
}

.new-publicity-btn:before {
    content: '';
    width: 51px;
    height: 51px;
    background: url('images/icons.png') -198px -65px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

.new-partner-btn {
    background-position: -198px -2px;
}

#advertising-category thead {
    background: #94153d;
    color: #fff;
    font: 1.5em 'Trebuchet';
}

#advertising-category thead th:first-child {
    width: 33%;
}

#advertising-category thead th {
    padding: 5px 0;
    vertical-align: middle;
    border: none;
    font: 0.75em 'Trebuchet';
}

#advertising-category .category-item td {
    padding: 35px 0;
    border-color: #8faac0;
    vertical-align: middle;
    font-size: 1.167em;
    color: #205681;
}

#advertising-category .category-name {
    position: relative;
    padding-left: 80px !important;
}

#advertising-category .category-name:before {
    content: '';
    position: absolute;
    left: 10px;
    display: block;
    width: 51px;
    height: 52px;
    top: 20px;
    background: url('images/icons.png') -134px -63px;
}

#advertising-category .auto:before {
    background-position: -69px 4px;
}

#advertising-category .segedeszkoz:before {
    background-position: 0 -63px;
}

#advertising-category .szolgaltatas:before {
    background-position: -70px -64px;
}

#advertising-category .kerekesszek-moped:before {
    background-position: -138px -1px;
}

#advertising-category .nok:before {
    background-position: -4px -123px;
    top: 10px;
    height: 62px;
}

#advertising-category .ferfiak:before {
    background-position: -86px -123px;
    top: 10px;
    height: 62px;
    width: 55px;
}

#advertising-category .category-item h5 {
    font-size: 1.167em;
    text-transform: uppercase;
}

/* NOTICES
----------------------------------------------- */

.light-gray-bg .input-group {
    max-width: 410px;
}

/* SITEMAP
----------------------------------------------- */

.sitemap-title {
    font-size: 1.5em !important;
}

.sitemap .pages .menu {
  padding-left:0;
}

.sitemap .pages ul, .sitemap li {
    padding-left:10px;
    list-style: none;
}

.sitemap .pages ul li li:before {
  content: '\f105';
  font: 1em 'FontAwesome';
  vertical-align: middle;
  margin-right: 5px;
  margin-bottom: 0.25em;
  display: inline-block;
      
}

.page-list a {
    font-size: 1.167em;
}

/* ADVERTISEMENT LIST PAGE
----------------------------------------------- */

.publicity-item {
    color: #205681;
    line-height: 1.5;
    font-family: 'Trebuchet-Bold';
    position: relative;
}

.publicity-item .img-responsive {
    border: 1px solid #205681;
    width: 100%;
}

.publicity-item .category {
    display: inline-block;
    font: 1.25em 'Trebuchet';
    border: 1px solid #205681;
}

.publicity-item .publicity-btn {
    color: #94153d;
    font: 1.667em 'Trebuchet-Bold';
    position: absolute;
    right: 15px;
    bottom: 15px;
}

/* SINGLE ADVERTISEMENT PAGE
----------------------------------------------- */

.publicity-contact {
    position: absolute;
    text-align: right;
    top: 0;
    right: 0;
    font: 1.667em 'Trebuchet-Bold';
    line-height: 1.2em;
}

.publicity-contact a, .publicity-item a {
    font: 1.2em 'Trebuchet-Bold';
    color: #94153d !important;
    display: inline-block;
}

.publicity-content {
    font: 1.167em 'Trebuchet';
    color: #333;
}

/* OVERALL PAGE
----------------------------------------------- */

.overall-block ul {
    padding-left: 15px;
}



/* 404 PAGE
----------------------------------------------- */

#s {
    height: 30px;
    border: 1px solid #205681;
    padding: 5px 10px;
    max-width: 346px;
    font-size: 12px;
    width: 100%;
    margin-bottom: 10px;
}

#searchsubmit {
    color: #fff;
    background: #205681;
    border: none;
    height: 30px;
    padding: 0 15px;
}

/* ASSOCIATIONS TEMPLATE STYLES
----------------------------------------------- */

.associations .association {
    border-bottom: 1px solid #e2e2e2;
}


.associations ul {
     padding-left:0px !important;
}

.associations h3 {
     margin-top:10px;
     margin-bottom: 5px;
}

.associations hr {
     margin-top:10px;
     margin-bottom: 5px;
}

.associations .content {
    padding-bottom: 10px;
    font-size: 1.333em;
}

.associations .desctitle {
    text-align: right;
}

.associations .desctxt {
    padding-left: 0;
}

/* FOOTER
----------------------------------------------- */

#top-footer {
    background: url('images/footer-bg.jpg') repeat;
}

#top-footer h4 {
    font-size: 1.333em;
    color: #fff;
    border-bottom: 1px solid #565656;
}

#top-footer ul > li, #top-footer ul > li > a {
    color: #bebdbd;
}

#top-footer ul > li > .fa {
    font-size: 1.25em;
    position: absolute;
    left: 0;
    width: 15px;
}

.footer-menu {
    font-size: 1em;
    color: #d4d4d4;
}

.footer-menu ul > li {
    margin-bottom: 5px;
}

.footer-menu ul > li > a {
    font-family: 'Trebuchet';
    display: inline-block;
    vertical-align: middle;
}

.footer-menu ul > li > a:hover {
    color:#F7A516 !important;
    text-decoration: none;
}

.footer-menu ul > li:before {
    content: '\f105';
    font: 1.583em 'FontAwesome';
    vertical-align: middle;
    margin-right: 5px;
}

.contact-info-box {
    position: relative;
}

.contact-info-box li {
    padding-left: 1.667em;
}

#copyright, #copyright a {
    background: #282928;
    font-size: 0.833em;
    color: #fff;
}

/* RESPONSIVE STYLES
----------------------------------------------- */

@media(max-width: 1200px) {
    .default-mode, .night-mode {
        padding: 0;
        min-height: 33px;
    }

    .night-mode {
        padding-right: 7px;
    }

    .night-mode:before {
        left: 11px;
    }

    #header-menu .navbar-nav > li > a {
        font-size: 1.25em;
    }

    #menu > div > div.navbar-header > a > img {
        margin: 0 15px 0 0;
        width: 129px;
    }

    .icon-title h2, .icon-title h3 {
        max-width: 70%;
    }


    .qtranxs_widget {
        float: none !important;
        display: inline-block;
        margin-bottom: 15px;
    }

    .publicity-contact {
        position: relative;
        text-align: left;
        margin-top: 10px;
    }
}

@media(max-width: 991px) {
    #top-header {
        text-align: center;
    }

    .control-button .button-container:nth-child(3) {
        padding: 3px 15px 3px 10px;
    }

    .control-button .button-container:last-child {
        padding-left: 0;
    }

    .navbar-nav {
        display: none;
    }

    .container {
        width: 100%;
    }

    #event-list-cal-container {
      display:none;
    }

    .qtranxs_widget {
        display: none;
    }

    #associations-table table, #associations-table tbody, #associations-table tr, #associations-table th, #associations-table td {
        display: block;
    }

    #associations-table th {
        padding: 8px 0;
    }

    #associations-table td {
        position: relative;
        /*padding-left: 25%;*/
    }

    #associations-table td > span {
        display: block !important;
        position: absolute;
        left: 0;
        font-family: 'Trebuchet-Bold';
    }

    .control-button .button-container .change-font-size {
        font-size: 17px;
        margin-right: 10px;
        padding: 8px 0;
    }
}

@media(max-width: 767px) {
    .navbar-header {
        float: left;
        margin: 0;
    }

    #header-menu {
        display: block;
    }

    #top-footer h4 {
        margin-top: 20px;
    }

    #top-footer img {
        display: block;
        margin: auto;
    }

    .control-button {
        display: inline-block;
    }

    .highlight-news-box h3 {
        font-size: 1.333em;
    }

    .publicity-item .col-md-9 {
        margin-top: 15px;
        padding-left: 0;
    }

    .publicity-item .publicity-btn, .publicity-contact {
        position: relative;
        float: right;
        margin-top: 10px;
    }
    
    .single .gray-bg {
        padding: 15px 0;
    }
    
    .gray-bg, .light-gray-bg {
        background: #fff;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    
    .gray-bg .page-title, .gray-bg .category-list {
        padding: 0;
    }
    
    .news-item > .col-xs-12, .news-item > .col-sm-2, .news-item > .col-sm-10,
    .light-gray-bg > .col-xs-12 {
        padding: 0;
    }
}

@media(max-width: 600px) {
    #mobile-search {
        right: 0;
        left: 0;
        width: 100%;
        max-width: none;
    }
    
    .news-item > div {
        width: 100%;
    }

    .news-item > .col-md-10 {
        padding: 0;
    }

    #advertising-category .category-name {
        padding-left: 10px !important;
    }

    #advertising-category .category-name:before {
        display: none;
    }
}