/* Theme Name: Azaum Theme URI: Description: Responsive WordPress theme. Version: 1.0 Author: Mérei Tamás Author URI: https://cyrex.hu */ @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap'); @font-face { font-family: 'Trajan Pro'; src: url('fonts/TrajanPro-Bold.woff2') format('woff2'), url('fonts/TrajanPro-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } * { margin: 0; padding: 0; box-sizing: border-box } body { font-family: 'Roboto', sans-serif; background: #fdfcf7 url('pics/bg-body.jpg') top center fixed; font-size: 16px } a { color: #3e7db5; text-decoration: none } img { max-width: 100%; height: auto } h1 { margin: 0 0 30px 0; font-size: 50px } h2 { margin: 60px 0 30px 0; font-size: 24px } h1,h2 { font-family: 'Trajan Pro'; color: #a51d29 } h3 { margin: 30px 0 15px 0; font-size: 18px } .mt-0 { margin-top: 0 } .has-text-align-right { text-align: right } .has-text-align-left { text-align: left } .alignleft { float: left; margin: 0 20px 20px 0 } .alignright { float: right; margin: 0 0 20px 20px } .btn, input[type="submit"] { background: #3f5966; border-radius: 3px; display: inline-block; padding: 10px 15px; color: #fff; font: inherit; cursor: pointer; border: 0 } .btn:hover, input[type="submit"]:hover { background: #a51d29 } .wrapper { max-width: 1200px; width: 95%; margin-left: auto; margin-right: auto } header { padding: 20px 0; background: rgba(255,255,255,.8) } header .menu-toggle { display: none; cursor: pointer; padding: 10px; background: transparent; border: 0 } header .menu-toggle span { background-color: #a51d29; display: block; width: 35px; height: 5px; margin: 0 0 6px 0; border-radius: 3px } header .menu-toggle span:last-child { margin: 0 } .mobile-menu { height:100%; width:250px; position: fixed; z-index: 3; top: 0; left: -250px; background-color: rgba(0,0,0,.95); overflow-x: hidden; transition: .5s } .mobile-menu a { color: #fff; text-decoration: none; display: block; padding: 10px; border-bottom: 1px solid rgba(255,255,255,.2); font-size: 14px } .mobile-menu a:hover { color: #f1f1f1 } .mobile-menu .sub-menu a { font-weight: 400; padding-left: 20px; color: rgba(255,255,255,.7) } header .row { align-items: center } .header-left { flex-basis: 200px; padding: 0 15px } .header-center { flex: 1; text-align: center; font-family: 'Trajan Pro'; color: #a51d29; font-size: 25px } .header-right { flex-basis: 225px; padding: 0 15px; text-align: right } .header-right .links a { color: #a51d29 } .header-right .links p { margin: 0 } .header-right .links img { vertical-align: middle; margin-left: 10px } .header-menu { background: #b92326; color: #fff } .header-menu a { color: #fff; padding: 15px 10px; display: block; font-weight: 500 } .header-menu ul { display: flex; flex-flow: row wrap; list-style: none } .header-menu .sub-menu { z-index: 1000; flex-flow: column wrap; display: none; position: absolute; background: #b92326; min-width: 200px; left: 0; right: 0 } .header-menu .sub-menu a { padding: 10px } .header-menu .sub-menu a:hover { background: #000 } .header-menu .menu-item-has-children:hover .sub-menu { display: flex } .header-menu .menu-item-has-children { position: relative } .header-menu .menu-item-has-children>a:after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent } @media(max-width:800px) { .header-menu, .header-right .links, .header-center { display: none } .header-right { flex: 1 } header .menu-toggle { display: inline-block } } footer { background: #3f5966; color: #fff; padding: 50px 0 0 0 } footer a { color: #f2e9d5 } footer a:hover { text-decoration: underline } footer p { margin: 0 0 10px 0; line-height: 1.7 } .footer-bottom { border-top: 2px solid rgba(255,255,255,.2); padding: 30px 0 0 0 } footer .cyrex { font-size: 13px; margin: 0; padding: 0 0 15px 0 } footer .cyrex a { color: rgba(255,255,255,.4) } footer .col-50 { margin-bottom: 0 } .row { display: flex; flex-flow: row wrap; margin: 0 -15px } .col-50 { flex-basis: 50%; padding: 0 15px; margin-bottom: 30px } .col-33 { flex-basis: 33.33%; padding: 0 15px; margin-bottom: 30px } .page-left { flex-basis: 300px; padding: 0 15px } .page .page-left ul { list-style: none; margin: 0 } .page .page-left .children { display: none } .page .page-left li { margin: 0 } .page .page-left .current_page_ancestor { font-weight: bold; margin: 0; padding: 5px 10px; background: #3f5966; color: #fff } .page .page-left a { display: block; padding: 5px 10px; text-decoration: none } .page .page-left .children a { padding-left: 25px } .page .page-left .current_page_item>a { background: #a51d29; color: #fff; font-weight: bold; padding: 5px 10px } .page-right { flex: 2; padding: 0 15px } @media(max-width:800px) { .page .page-left { display: none } .col-50, .col-33 { flex-basis: 100% } } .box { background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,.16); height: 100% } .box h2 { margin: 0 0 15px 0; font-size: 23px } .box p { margin: 0 0 15px 0; line-height: 1.5 } .box-content { padding: 30px } .slider { margin: 40px 0 } .swiper-pagination { position: static !important; margin-top: 10px } .swiper-pagination-bullet { width: 10px; height: 10px } .swiper-pagination-bullet-active { background: #a51d29 !important } .swiper-slide .caption { position: absolute; bottom: 4px; left: 0; color: #fff; background: rgba(0,0,0,.8); font-size: 25px; font-weight: bold; display: inline-block; padding: 15px 20px } @media(max-width:800px) { .swiper-slide .caption { font-size: 16px; padding: 10px } } .page { margin-bottom: 50px; margin-top: 50px } .page p { margin: 15px 0; line-height: 1.6 } .page ul, .page ol { margin: 0 0 10px 35px; line-height: 1.6 } .page li { margin: 0 0 5px 0 } .page a { color: #a51d29; text-decoration: underline; } .page-title { height: 300px; background-position: center center; background-repeat: no-repeat; background-size: cover; margin: 0 auto 40px auto; max-width: 1920px; } .page-title .wrapper { position: relative; height: 100% } .page-title h1 { background: rgba(0,0,0,.9); color: #fff; padding: 10px 30px; display: inline-block; margin: 0; position: absolute; bottom: 0; left: 0 } @media(max-width:480px) { .page-title { height: 200px } .page-title h1 { font-size: 2rem; padding: 10px 20px; left: 0; right: 0 } } .wp-block-embed__wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .wp-block-embed__wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .wp-block-table table { border-collapse: collapse; border-spacing: 0; width: 100% } .wp-block-table table th, .wp-block-table table td { padding: 15px; border: 1px solid #dac596 } .wp-block-table table th { background: #a51d29; color: #fff; text-align: left } .wp-block-table .price { text-align: right; font-weight: bold; white-space: nowrap } .wp-block-table td p:first-of-type { margin-top: 0 } .wp-block-table td p:last-of-type { margin-bottom: 0 } .wp-block-columns { display: flex; flex-flow: row wrap; margin: 0 -15px } .wp-block-columns .wp-block-column { flex: 1; padding: 0 15px } @media(max-width:800px) { .wp-block-columns .wp-block-column { flex-basis: 100% } } .wp-block-quote { text-align: center; font-family: 'Trajan Pro'; margin: 40px 0; color: #a51d29; font-size: 30px } .blocks-gallery-grid { display: flex; flex-flow: row wrap; list-style: none; margin: 0 -5px !important } .blocks-gallery-grid li { margin: 0 5px 10px 5px; width: 150px } .blocks-gallery-grid img { display: block } .blocks-gallery-item__caption { text-align: center; padding: 5px; font-size: 14px } .page .gallery-list { display: flex; flex-flow: row wrap; margin: 0; list-style: none; text-align: center } .page .gallery-list li a { display: block; text-decoration: none; font-weight: bold } .page .gallery-list li:hover { background: #a51d29 } .page .gallery-list li:hover a { color: #fff } .page .gallery-list li { flex-basis: 150px; margin: 0 20px 20px 0; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,.16); } .page .gallery-list li img { display: block } .page .gallery-list li span { display: block; padding: 10px } .eu-projects { background: rgba(232,220,192,.5); padding: 30px 0 0 0 } .eu-projects h2 { margin-top: 0 } .eu-projects img { display: block; margin: 0 auto } .form { max-width: 500px } .form label { display: block; margin: 15px 0 5px 0 } .form input[type="text"], .form input[type="email"], .form select { border: 1px solid #786f5b; padding: 5px; width: 100%; font: inherit } .screen-reader-response { display: none } .wpcf7-form.invalid .wpcf7-response-output { background: red; padding: 10px 15px; color: #fff } .wpcf7-form.sent .wpcf7-response-output { background: #327913; padding: 10px 15px; color: #fff } .wpcf7-form.sent .form { display: none } .wpcf7-not-valid-tip { color: red; font-size: 14px } .glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:none;overflow:hidden}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;opacity:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:none!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;max-width:100%;margin:0;padding:0;float:none;outline:none;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.gslide-video{width:100%;max-width:100%;position:relative;width:100vh;max-width:100vh;width:100%!important}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';display:block;position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:block;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-top .gslide-media,.desc-bottom .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:100%;position:fixed;top:0;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gprev,.gnext,.gclose{background-repeat:no-repeat;z-index:99999;cursor:pointer;width:26px;height:44px;display:block;background-position:0 0;border:none}.gprev svg,.gnext svg,.gclose svg{display:block;width:100%;height:auto}.gprev.disabled,.gnext.disabled,.gclose.disabled{opacity:.1}.gprev .garrow,.gnext .garrow,.gclose .garrow{stroke:#fff}iframe.wait-autoplay{opacity:0}.glightbox-closing .gnext,.glightbox-closing .gprev,.glightbox-closing .gclose{opacity:0!important}.glightbox-clean .gprev,.glightbox-clean .gnext,.glightbox-clean .gclose{background-color:rgba(0,0,0,.12)}.glightbox-clean .gprev:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gclose:hover{background-color:rgba(0,0,0,.2)}.glightbox-clean .gprev path,.glightbox-clean .gnext path,.glightbox-clean .gclose path{fill:#fff}.glightbox-clean button:focus:not(.focused):not(.disabled){outline:none}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:56px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:56px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute;opacity:.7;background-position:-59px 2px}.glightbox-clean .gclose svg{width:20px}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{animation:gfadeIn .5s ease}.gfadeOut{animation:gfadeOut .5s ease}.gslideOutLeft{animation:gslideOutLeft .3s ease}.gslideInLeft{animation:gslideInLeft .3s ease}.gslideOutRight{animation:gslideOutRight .3s ease}.gslideInRight{animation:gslideInRight .3s ease}.gzoomIn{animation:gzoomIn .5s ease}.gzoomOut{animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes lightboxLoader{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;transform:translate3d(-60%,0,0)}to{visibility:visible;transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;transform:translate3d(-60%,0,0)}to{visibility:visible;transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;transform:translate3d(0,0,0)}to{transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;transform:translate3d(0,0,0)}to{transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;transform:translate3d(60%,0,0)}to{transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;transform:translate3d(60%,0,0)}to{transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;transform:translate3d(0,0,0)}to{transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;transform:translate3d(0,0,0)}to{transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;flex-direction:row}.gslide-image img{max-height:97vh;max-width:calc(100% - 20px);max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}}