:root {
--school-blue: #0056b3; --school-blue-dark: #004494; --light-blue-bg: #eef5fa; --light-grey-border: #ced4da;
--dark-text: #212529;
--medium-text: #495057;
} .iae-container {
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
background-color: #ffffff;
color: var(--dark-text);
max-width: 850px;
margin: 2rem auto;
padding: 2.5rem;
border-radius: 12px;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
border-top: 5px solid var(--school-blue);
}
.iae-container *, .iae-container *:before, .iae-container *:after {
box-sizing: inherit;
} .iae-header {
text-align: center;
margin-bottom: 2.5rem;
}
.iae-header h1 {
color: var(--school-blue);
font-size: 2.2rem;
font-weight: 700;
margin: 0;
line-height: 1.2;
}
.iae-header p {
color: var(--medium-text);
margin-top: 0.5rem;
} .iae-container h2 {
color: var(--dark-text);
border-bottom: 2px solid #e9ecef;
padding-bottom: 0.8rem;
margin-top: 2.5rem;
margin-bottom: 1.5rem;
font-size: 1.5rem;
} .iae-form-group {
margin-bottom: 1.5rem;
}
.iae-form-group label {
display: block;
font-weight: 600;
margin-bottom: 0.5rem;
color: var(--medium-text);
}
.iae-form-group input[type="text"],
.iae-form-group input[type="number"],
.iae-form-group select, 
.iae-form-group textarea {
width: 100%;
padding: 0.8rem 1rem;
border: 1px solid var(--light-grey-border);
border-radius: 6px;
font-size: 1.1rem;
transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
background: #fff;
color: #333;
}
.iae-form-group input:focus, 
.iae-form-group select:focus, 
.iae-form-group textarea:focus {
outline: none;
border-color: var(--school-blue);
box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.2);
} .iae-question-list {
display: flex;
flex-direction: column;
gap: 15px;
}
.iae-question-item {
background: #f8f9fa;
border: 1px solid #e9ecef;
padding: 15px;
border-radius: 8px;
display: flex;
flex-direction: column; }
@media (min-width: 600px) {
.iae-question-item {
flex-direction: row;
align-items: center;
justify-content: space-between;
}
}
.iae-question-text {
flex: 1;
margin-bottom: 10px;
font-weight: 500;
}
@media (min-width: 600px) {
.iae-question-text {
margin-bottom: 0;
margin-right: 20px;
}
} .iae-btn-group {
display: flex;
gap: 10px;
}
.iae-toggle-btn {
padding: 8px 16px;
border: 1px solid #ced4da;
background: #fff;
cursor: pointer;
border-radius: 4px;
font-size: 0.95rem;
user-select: none;
min-width: 60px;
text-align: center;
transition: all 0.2s;
}
.iae-toggle-btn:hover {
background: #e2e6ea;
} .iae-toggle-btn.selected-igen {
background: #d4edda;
border-color: #28a745;
color: #155724;
font-weight: bold;
}
.iae-toggle-btn.selected-nem {
background: #f8d7da;
border-color: #dc3545;
color: #721c24;
font-weight: bold;
} .iae-scale-options {
display: flex;
gap: 15px;
flex-wrap: wrap;
}
.iae-radio-label {
display: flex;
align-items: center;
gap: 5px;
cursor: pointer;
font-size: 0.95rem;
}
.iae-radio-label input {
transform: scale(1.2);
} .iae-btn-submit {
display: block;
width: 100%;
padding: 1rem;
background-color: var(--school-blue);
color: #ffffff;
border: none;
border-radius: 6px;
font-size: 1.2rem;
font-weight: bold;
cursor: pointer;
transition: background-color 0.2s ease, transform 0.2s ease;
margin-top: 2.5rem;
}
.iae-btn-submit:hover {
background-color: var(--school-blue-dark);
transform: translateY(-2px);
}
.iae-btn-submit:disabled {
background-color: #6c757d;
cursor: not-allowed;
transform: none;
opacity: 0.7;
} .iae-alert {
padding: 15px;
border-radius: 6px;
margin-top: 20px;
display: none; font-weight: 500;
}
.iae-alert.error {
background-color: #fce8e8;
color: #cc0000;
border: 1px solid #cc0000;
font-size: 1.1rem;
}
.iae-alert.success {
background-color: #d4edda;
color: #155724;
border: 1px solid #c3e6cb;
}
.iae-alert.info {
background-color: #d1ecf1;
color: #0c5460;
border: 1px solid #bee5eb;
} .iae-spinner {
display: inline-block;
width: 20px;
height: 20px;
border: 3px solid rgba(255,255,255,.3);
border-radius: 50%;
border-top-color: #fff;
animation: spin 1s ease-in-out infinite;
margin-right: 10px;
vertical-align: middle;
}
@keyframes spin {
to { transform: rotate(360deg); }
}body:after{content:url(//fazekasiskola.hu/wp-content/plugins/wp-embed-facebook/templates/lightbox/images/close.png) url(//fazekasiskola.hu/wp-content/plugins/wp-embed-facebook/templates/lightbox/images/loading.gif) url(//fazekasiskola.hu/wp-content/plugins/wp-embed-facebook/templates/lightbox/images/prev.png) url(//fazekasiskola.hu/wp-content/plugins/wp-embed-facebook/templates/lightbox/images/next.png);display:none}.lb-disable-scrolling{overflow:hidden !important}.lightboxOverlay{position:absolute;top:0;left:0;z-index:999999;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:1000000;text-align:center;line-height:0;font-weight:normal;padding:0;height:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;border-radius:0}.lightbox .lb-image a img{border:none}.lightbox .lb-outerContainer{position:relative;background-color:rgba(0,0,0,.5);*zoom:1;width:250px;height:250px;margin:0 auto;border-radius:0}.lightbox .lb-outerContainer:after{content:"";display:table;clear:both}.lightbox .lb-container{padding:4px}.lightbox .lb-container>.nav{left:0}.lightbox .lb-loader{position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0}.lightbox .lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(//fazekasiskola.hu/wp-content/plugins/wp-embed-facebook/templates/lightbox/images/loading.gif) no-repeat}.lightbox .lb-prev,.lightbox .lb-next{height:100%;cursor:pointer;display:block}.lightbox .lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lightbox .lb-nav a{outline:none;background-image:url(data:image/gifbase64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lightbox .lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(//fazekasiskola.hu/wp-content/plugins/wp-embed-facebook/templates/lightbox/images/prev.png) left 48% no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lightbox .lb-nav a.lb-prev:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.lightbox .lb-nav a.lb-next{width:64%;right:0;float:right;background:url(//fazekasiskola.hu/wp-content/plugins/wp-embed-facebook/templates/lightbox/images/next.png) right 48% no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lightbox .lb-nav a.lb-next:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.lightbox .lb-dataContainer{margin:0 auto;padding-top:5px;*zoom:1;width:100%;border-radius:0}.lightbox .lb-dataContainer:after{content:"";display:table;clear:both}.lightbox .lb-data{padding:0 4px;color:#ccc}.lightbox .lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lightbox .lb-data .lb-caption{font-size:13px;font-weight:bold;line-height:1em}.lightbox .lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lightbox .lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(//fazekasiskola.hu/wp-content/plugins/wp-embed-facebook/templates/lightbox/images/close.png) top right no-repeat;text-align:right;outline:none;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lightbox .lb-data .lb-close:hover{cursor:pointer;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}