/*
Theme Name:Ria 
Theme URI: http://riasminktetovalas.hu
Description: Wordpress theme
Version:1.0
Author: H.S.Laszlo
Author URI: http://www.bluedesign.hu
*/

@font-face {
    font-family: 'OpenSansRegular';
    src: url('font/opensans-regular.eot');
    src: url('font/opensans-regular.eot') format('embedded-opentype'),
         url('font/opensans-regular.woff') format('woff'),
         url('font/opensans-regular.ttf') format('truetype'),
         url('font/opensans-regular.svg#OpenSansRegular') format('svg');
}

html, body, div, span, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, h1, h2, h3, h4, h5, h6 {
  margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-style: normal;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
img, object, embed, video{width: auto;max-width: 100%;}
img {height: auto;}
blockquote, q {quotes: none;}
blockquote p:before, blockquote p:after, q:before, q:after {content: '';content: none;}
table { border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;vertical-align: top;font-weight: normal;}
thead th, thead td {font-weight: bold;vertical-align: bottom;}
a img, th img, td img {vertical-align: top;}
button, input, select, textarea { margin: 0;}
textarea {overflow: auto;}
ul, ol{list-style:none;}
button {width: auto;overflow: visible;}
input[type=button], input[type=submit], button {cursor: pointer;}
input[type="radio"], input[type="checkbox"] {font-size: 110%;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ddd;}
em { font-style: italic; }
strong { font-weight: bold; color: #333; }
small { font-size: 80%; }
.left{float:left;}
.right{float:right;}
.clear{width:100%;display:block;height:4px;clear:both;}
img{ max-width: 100%; height: auto;  -ms-interpolation-mode: bicubic; }
object, embed { max-width: 100%; }
a{text-decoration:none;}
/* Clearfix */
/*.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}*/

.clearfix:before, .clearfix:after {  content: "";display: table;}
.clearfix:after { clear: both;}

html{width:100%;height:100%;background:url(images/h3.jpg) no-repeat 50% 50% fixed;}
body{font-size: 14px;font-family: 'OpenSansRegular', sans-serif; 

-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;color:#484848/*#f3f3f3*/;line-height:1.2;
/*	background-image: radial-gradient(center center, circle farthest-side, #E2E2E2 70%, #333333);
	background-image: -o-radial-gradient(center center, circle farthest-side, #E2E2E2, #333333);
	background-image: -ms-radial-gradient(center center, circle farthest-side, #E2E2E2, #333333);
	background-image: -moz-radial-gradient(center center, circle farthest-side, #E2E2E2 70%, #333333);
	background-image: -webkit-radial-gradient(center center, circle farthest-side, #E2E2E2, #333333);*/

}
body.home{background-color:#161616;}
.clearfix:after, .row:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;overflow:hidden;}
.row:after, .clearfix:after {clear: both; }
.row,.clearfix {zoom: 1; }

#main-container{width:100%;text-align:center;}
.bg-left, .bg-right{position:fixed;top:60px;width:323px;min-height:100%;}
.bg-left{left:0px;background:url(images/left.png) no-repeat left 0;}
.bg-right{right:0px;background:url(images/right.png) no-repeat right 0;}

body.home{width:100%;height:100%;position:relative;}
.home-content{height:100%;max-height:800px;/*background:url(images/arc.jpg) no-repeat 50% 0;*/
 overflow: auto; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;text-align:center;}
.home-content img{height: auto; max-height: 100%;width:auto;margin:auto;vertical-align:middle;
 position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
z-index:10;
}

.bg-top, .bg-bottom{position:absolute;width:100%;height:auto;/*left:calc(50% - 598px);*/text-align:center;}
.bg-top{top:0px;/*background:url(images/top.png) no-repeat 0 0;*/}
.bg-bottom{bottom:0px;/*background:url(images/bottom.png) no-repeat 0 0;*/}
.bg-top img, .bg-bottom img{width:auto;height:auto;margin:0 auto;}

.intro{position:absolute;top:50%;left:50%;z-index:20;}
.intro h1{font-weight:normal;font-size:16px;color: #000;}
.intro a.logo{width:273px;height:50px;background:url(images/logo.png) no-repeat 0 0;margin:2px 60px 0 40px;float:left;}
.intro a.login{font-weight:normal;font-size:16px;color: #000;width:95%;clear:both;text-align:right;float:left;padding-right:5%;}
.intro a.login.ls{width:100%;padding-right:0;}

.header{width:100%;height:60px;background:#000;position:fixed;top:0;left:0;z-index:60;}
.logo{width:233px;height:42px;display:block;margin:9px 0 0 60px;float:left;}

.nav {margin:29px 0 0 60px;float:left;}
.nav  li{display:inline-block;margin-right:20px;}
.nav li a{font-size:14px;color:#f2f2f2;}

#wprmenu_bar .menu_title {
    font-size: 0; /* Eltünteti a szöveget */
}

#wprmenu_bar .menu_title a {
    font-size: initial; /* A link tulajdonságait visszaállítja, ha kell */
    display: inline-block; /* Biztosítja, hogy a link és a kép ne tűnjön el */
}
.content{width:600px;max-width:600px;min-height:600px;margin:90px auto 30px;text-align:left;position:relative;z-index:59;
/*background-color:#737373;
background-color: rgba(145, 145, 145, 0.7);*/}
.post{padding: 15px 15px 60px 15px;float:left;width:calc(100% - 30px);
/*color: rgba(115, 115, 115, 0.7);*/

}
.post p{line-height: 145%;margin-bottom:15px;font-size: 13px;text-align: justify;}
.post h1{font-size:18px;margin-bottom:15px;}
.post h1 .small, .post .small{display: inline-block;font-size: 11px;font-weight: normal;line-height: 115%;}
.post a{color:#484848}
.back{border:0 none;background:transparent;float:right;}

.post h3{margin-bottom:10px;font-size:16px;font-weight:bold;}


.post.post-96 p{font-size:12px;}
/*.post.post-96 h1{width:100%;text-align:center;}*/
.post-308 a{float:left;width:33%;}
.post-308 a img{width:90%;padding:0 5%;height:auto;}
.post a.fb,
.post a.instagram{height:20px;line-height:20px;padding-right:24px;display:inline-block;}
.post a.fb{background:url(images/fb_icon.png) no-repeat right;}
.post a.instagram{background:url(images/instagram.png) no-repeat right;}

.post ul.wslist li {
    padding-bottom: 4px;
}
.post ul.wslist{margin-bottom:8%;}
.wslist a {
    font-size: 18px;
    text-decoration: underline;
    font-weight: 800;
	    padding-bottom: 4px;
		    line-height: 20px;
    display: inline-block;
}


#footer{position:fixed;bottom:0;left:0;width:100%;text-align:center;background:#000000;z-index:89;padding:5px 0;color:#f3f3f3;}
.footer-content{margin:0 auto;display:inline-block;    position: relative;
    z-index: 999;}
#footer p{font-size:12px;float:left;line-height:20px;height:20px;}
#footer a{color:#f2f2f2;}
#footer a.fb{background:url(images/fb_icon.png) no-repeat right;height:20px;line-height:20px;padding-right:24px;margin-right:4px;display:inline-block;}
.fb-like{margin:0 0 0 12px;float:left;}
.home #footer{display:none;}


/* Közös stílus a .post (osztály) és #footer (azonosító) linkjei elé */
.post a::before, 
#footer a::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 2px;
    /* Külső ablak ikon SVG */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
}

/* --- Speciális beállítások a FOOTER-hez --- */

/* 1. A footer linkek legyenek fehérek */
#footer a {
    color: #ffffff !important;
}

/* 2. Az ikon legyen fehér a footerben */
/* Mivel az SVG kép, a 'filter' segítségével tudjuk fehérre "színezni" */
#footer a::before {
    filter: brightness(0) invert(1);
}

/* --- Kivétel kezelése (kép alapú linkeknél ne legyen ikon) --- */
.post a:has(img)::before,
#footer a:has(img)::before {
    display: none;
}



table.arlista{border-collapse:collapse;margin:0 0 15px 1px;}
table.arlista td{border:1px solid #f3f3f3;padding:4px 6px;vertical-align: middle;font-size:12px;}
table.arlista td.clear-cell{border-top:0;border-left:0;font-size: 11px;}
table.arlista td.fn{border-left:1px solid #f3f3f3;}
table.arlista td.small{font-size:12px;}
table.arlista td h3{text-transform:uppercase;}
.post table p {font-size: 12px;line-height: 115%; margin-bottom: 0px;text-align: left;}

table.arak{border-collapse:collapse;margin:0 0 15px 1px;width:100%;}
table.arak td{border-bottom:1px solid #DEDEDE;padding:4px 6px;vertical-align: middle;font-size:14px;height: 24px!important;}
table.arak tr.small-text td{font-size:12px;}
table.arak tr td:first-child{width:70%;}
table.arak tr td:last-child{text-align:right;}
span.left30{padding-left:0px;}

table.arak th {
    padding-top: 24px;
	height: 24px!important;
}



table.arak3{border-collapse:collapse;margin:0 0 15px 1px;width:100%;}
table.arak3 td{border-bottom:1px solid #DEDEDE;padding:4px 6px;vertical-align: middle;font-size:12px;}
table.arak3 tr td.w10{width:15%;}
/*table.arak3 tr td:first-child{width:20%;}*/
table.arak3 tr td:last-child{text-align:right;}



.post dl{font-size: 13px;}
.post dt{line-height: 145%; margin-top: 15px;}
.post dd{padding-left:40px;line-height: 145%;}



/*** Images ***/
.post img {margin: 0 0 5px; height: auto; max-width: 100%;}
.post .post-thumb{margin: 0 10px 0px 0;}
.post h6 {position: relative; left: -30px;}
.post .attachment img {max-width: 100%;}
.post .alignnone, .post img.alignnone {clear: both; display: block; margin-bottom: 15px;}
.post .alignleft, .post img.alignleft {display: inline; float: left; margin-right: 15px; margin-top: 4px;}
.post .alignright, .post img.alignright {display: inline; float: right; margin-left: 15px; margin-top: 4px;}
.post .aligncenter, .post img.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}
.post img.alignleft, .post img.alignright, .post img.aligncenter {margin-bottom: 10px;}
.post img.alairas{margin:8px 0 0 0!important;}

.post .wp-caption {background:transparent /*#f1f1f1*/; line-height: 18px; margin-bottom: 20px; padding: 4px; text-align: center;}
.post .wp-caption img {margin: 5px 5px 0;}
.post .wp-caption p.wp-caption-text {color: #888; font-size: 12px; margin: 5px;}

.post ul{line-height: 1.625;margin: 15px 0 15px 35px;list-style:disc inside none}
.post ul li{color: #4f4f4f;font-size: 13px;}

table.tanfolyamok{}
table.tanfolyamok th{font-weight:bold;padding:8px;font-size: 13px;line-height: 145%;}
table.tanfolyamok td{padding:8px;font-size: 13px;line-height: 145%;}

.gals{margin-bottom:25px;}
.gals li{margin: 5px 5px 0;}
.gals a{color:#000000;text-decoration:none;}
.gals strong{display:inline-block;width:240px;}


.responsive-iframe-container {position: relative;padding-bottom:56.25%;padding-top:30px;height: 0;overflow: hidden;}
.responsive-iframe-container iframe,  
.responsive-iframe-container object, 
.responsive-iframe-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}



.wpcf7{float:left;padding-top:0px!important;width:100%;margin:10px 0 0 0;}
.wpcf7 form {padding:0;margin:0;position:relative;}
.wpcf7 form legend{font-size:18px;margin-bottom:20px;text-transform:uppercase;}
.wpcf7 p{padding:3px 0;float:left;width:100%;margin-bottom:10px;position:relative;}
.wpcf7 p.hide{padding:3px 0;float:left;width:100%;margin-bottom:2px;}
.wpcf7 a.add_file{ background-color:#000000; border:0 none; -webkit-border-radius:5px;border-radius:5px;color:#fff;height:24px;line-height: 24px;
    margin:0;text-align: center;padding:0 12px;display:inline-block;font-size:12px;}
.wpcf7 p a.del_file{font-size:12px;}
.wpcf7 p a.del_file:before{display:inline-block;content:'\0078';margin-right:4px;color:#FF0000;}

.wpcf7 form label{float:left;width:45%;font-size:14px;text-align: left;}
.wpcf7 p.full-width label{width:99%;}
.wpcf7 form input[type=text], 
.wpcf7 form input[type=email], 
.wpcf7 form input[type=date], 
.wpcf7 form textarea{
font-family:Verdana, sans-serif;width:50%;border:1px solid #d4d4d4;padding:2px;color:#5e5e5e;background:#ffffff;font-size:14px;
border: 1px solid #A6A49F;float:right;float:right;}
.wpcf7 form textarea{height:100px;}
.wpcf7 form p.full-width textarea {width:98%;}
.wpcf7 form select{font-family:Verdana, sans-serif;width:150px;border:1px solid #d4d4d4;padding:1px 2px;color:#5e5e5e;background:#ffffff;font-size:14px;}
.wpcf7 form input.wpcf7-not-valid, .wpcf7 form input.wpcf7-not-valid{border:1px solid #FA0000;}
.file-920{float:right;}
.wpcf7-form-control.wpcf7-checkbox{width:100%;}

p.mikor{position:relative;}
p.mikor input[type=text]{position:absolute;right:0px;bottom:0px;width:150px;}
.wpcf7-form-control.wpcf7-radio{width:100%;}
.wpcf7-form-control.wpcf7-radio .wpcf7-list-item{width:100%;float:left;}
.wpcf7-form-control.wpcf7-radio .wpcf7-list-item label{width:100%;}
.wpcf7-form-control.wpcf7-radio .wpcf7-list-item input{float:left;margin:0 4px 0 0;vertical-align:middle;}

.wpcf7 input[type="submit"]{float:right;margin:10px;border:0px;height:28px;line-height:28px;width:160px;text-align:center;background-color:#000000;color:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;text-transform:uppercase;}
div.wpcf7-mail-sent-ok { border: 0!important;}

.wpcf7 p.elfogad .wpcf7-list-item-label{display:none;}
.wpcf7 p.elfogad span.wpcf7-form-control-wrap{float:left;}
.wpcf7 p.elfogad label{width:80%;}
.wpcf7 p.elfogad a{color:#FA0000;text-decoration:underline;}
span.wpcf7-form-control-wrap{position:static!important;}

.post p.acceptance {margin-left: 1em;}
.post p.acceptance input[type="checkbox"]{margin-right:4px;}
.post p.acceptance span{display:inline-block;}
.post p.acceptance label{width:100%;}

.post .otw-sc-toggle .toggle-content {
    padding: 4px 8px;
}

.post .otw-sc-toggle .toggle-content img {
    margin: 0 0 5px;
    max-width: 100%;
}

.otw-sc-toggle {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}


table.technikak{font-size:13px;width:100%;}
table.technikak th{text-align:center;font-weight:bold;padding:10px 8px;}

table.technikak th span{width:100%;display:inline-block;padding:3px 0;background-color:#b4b4b4;
background: -moz-linear-gradient(left, rgba(199,199,199,1) 0%, rgba(201,201,201,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(199,199,199,1) 0%,rgba(201,201,201,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(199,199,199,1) 0%,rgba(201,201,201,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

} 
table.technikak td{padding:4px 8px;}
table.technikak tr td:last-child{border-left:1px solid #000;}
table.technikak tr td[colspan="2"]{border:0;}
.otw-sc-toggle.technikak-blokk br{display:none;}
.otw-sc-toggle.technikak-blokk td br {
    display: inline-block;
}


.wp-video {
    margin-bottom: 20px;
}



 @media only screen and ( max-width: 1024px ) {
 
 .post {float: left;padding: 15px 15px 60px;color: #000;background-color: rgba(145, 145, 145, 0.5);}
 
 .bg-left, .bg-right {height: 100%;display:block;position: fixed;background-size:contain; top: 60px;width: auto;	min-width:35%;}
 .footer-content { width:auto;}
 #footer p{height:auto;}
 
 
 
 .toggleMenu{display:block;color:#fff;}
 }

 
 
 
 
 @media (max-width:860px) {
.logo { margin: 9px 0 0 10px; }
.nav { margin: 29px 0 0 20px;}
 .nav li { margin-right: 14px;}
 }
 
 
 
 @media (max-width:768px) {
 .bg-left, .bg-right{top:40px;}
 
 .post{width: calc(100% - 30px);}
.post .alignnone, .post img.alignnone, .post .aligncenter, .post img.aligncenter {width:100%;}
.post .alignleft, .post img.alignleft, .post .alignright, .post img.alignright {max-width:40%;}
 #footer { display: inline-block; position:static; }

 
 
 
body.home #wprmenu_bar{display:none!important;}


html {padding-top: 0 !important;}
.home-content{height:auto;}
.home-content img{height: auto; width:100%;margin:125px auto 0;vertical-align:middle; position: static;z-index:10;float:left;
  -webkit-transform: none; -ms-transform:none; transform: none;}
.intro{position:absolute;top:22px;left:0;z-index:20;height:auto;width:100%;text-align:center;}
.intro h1{font-weight:normal;font-size:16px;color: #fff;}
.intro a.logo{width:100%;height:50px;background:url(images/logo-white.png) no-repeat 50% 0;margin:0 auto;float:none;}
.intro a.login{font-weight:normal;font-size:16px;color: #fff;width:95%;clear:both;text-align:right;float:none;padding-right:0;}
.intro a.login.ls{width:100%;padding-right:0;}
 
 
 
 }
 
 
 
 @media (max-width:641px) {
 .content { width: 100%;}
 #footer { display: inline-block; position:static; }
 .gallery br{display:none!important;}
 #gallery-1 .gallery-item { width: 25%!important;}
 
 .wpcf7 p{text-align:left;}
 .wpcf7 form label{width:100%;font-size:14px;}
 .wpcf7 form input[type=text], .wpcf7 form input[type=email], .wpcf7 form textarea{width:100%;}
 span.wpcf7-form-control-wrap.mikor-keszult{}
 p.mikor{position:relative;padding-bottom:20px}
p.mikor input[type=text]{position:absolute;right:0px;bottom:0px;width:150px!important;}
 .wpcf7-form-control.wpcf7-radio .wpcf7-list-item {float: left;padding-bottom: 8px;}
 
 
 
  }
 
 
@media only screen and ( max-width: 479px ) {

 #gallery-1 .gallery-item { width: 50%!important;}
.post-4 img.alignleft{width:100%;max-width:100%;}
}