/* Theme Name: Mérföld Yachting Theme URI: http://webshark.hu Description: Webshark által készített WordPress oldal a merfoldyachting.hu-ra. Author: Webshark / Laki Ádám Author URI: http://codeguide.hu Version: 1.0 */ /*old_blue: 243d80;*/ /*Menu Header position fix*/ html { -ms-overflow-style: scrollbar; } .header-wrapper { position: fixed; left: 0; right: 0; top: 0; z-index: 101; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.6); } input:focus { outline: 0; } body { padding-top: 128px; background: #fff; } a { color: #0A51A1; font-weight: bold; } /*Header*/ .header { height: 80px; } .header .col-lg-3 { margin-top: 10px; font-size: 13px; } .header .col-lg-3.first { border-right: 1px solid #d3d8e5; } .header .col-lg-3.last { padding-left: 30px; } .header .more-info { display: block; } .header .logo { background: url(img/sprites.png) no-repeat left center; background-position: -279px -56px; width: 280px; height: 51px; display: inline-block; margin-top: 10px; text-indent: 100%; white-space: nowrap; overflow: hidden; } .header .address { margin-bottom: 4px; } .header .address .icon { background: url(img/sprites.png) no-repeat left center; background-position: -5px -49px ; width: 16px; height: 24px; display: inline-block; float: left; margin-right: 17px; margin-top: 6px; } .header .action { margin-bottom: 4px; font-weight: bold; } .header .email { margin: 0; } .header .email .icon { background: url(img/sprites.png) no-repeat left center; background-position: -32px -54px ; width: 24px; height: 16px; display: inline-block; float: left; margin-right: 10px; margin-top: 1px; } .header .phone { font-size: 18px; font-family: "proxima-semib", arial, sans-serif; line-height: 1em; margin: 0; } .header .phone .icon { background: url(img/sprites.png) no-repeat left center; background-position: -67px -51px ; width: 16px; height: 24px; display: inline-block; float: left; margin-right: 10px; margin-top: 6px; } /*Nav*/ .header-wrapper .nav { text-align: left; background: #0A51A1; display: block; transition: 0; height: 48px; opacity: 1; } .header-wrapper .nav.close { height: 5px; overflow: hidden; transition: 0.2s; } .header-wrapper .nav.close > * { display: none; } .header-wrapper .nav ul { width: 100%; } .header-wrapper .nav li { list-style: none; display: inline; text-align: center; margin-right: 0; padding-right: 0; } .header-wrapper .nav ul li:nth-child(1) a { width: 13%; } .header-wrapper .nav ul li:nth-child(2) a { width: 14%; } .header-wrapper .nav ul li:nth-child(3) a { width: 20%; } .header-wrapper .nav ul li:nth-child(4) a { width: 14%; } .header-wrapper .nav ul li:nth-child(5) a { width: 13%; } .header-wrapper .nav ul li:nth-child(6) a { width: 13%; } .header-wrapper .nav ul li:nth-child(7) a { width: 13%; } .header-wrapper .nav li a { display: block; float: left; height: 48px; vertical-align: middle; padding: 15px 0 0; border-right: 1px solid #386d9a; color: #fff; font-size: 14px; letter-spacing: 0.01em; font-family: "proxima-semib", arial, sans-serif; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; } .header-wrapper .nav li a:hover, .nav li.current-menu-item a { text-decoration: none; background: #168bbe; } .header-wrapper .nav li.inverse a, .nav li.current-menu-item.inverse a { text-decoration: none; background: #cf3427; } .header-wrapper .nav li.inverse a:hover, .nav li.current-menu-item.inverse a { text-decoration: none; background: #168bbe; } .header-wrapper .nav li.first a { border-left: 1px solid #386d9a; } /*Testimonial*/ .testimonial { margin-top: 20px; margin-bottom: 20px; } .testimonial .col-lg-3 { position: relative; } .testimonial h2 { color: #fff; margin: 0; font-size: 17px; padding: 15px 10px 17px; text-shadow: 0 0 2px rgba(0,0,0,0.1); position: relative; } .testimonial h2 a { color: #fff; } .testimonial .one h2 { background: #23b4c1; } .testimonial .one h2 .icon { background: url(img/sprites.png) no-repeat left center; background-position: -97px -50px; width: 18px; height: 24px; display: inline-block; position: absolute; right: 12px; top: 12px; } .testimonial .two h2 { background: #a1c647; } .testimonial .two h2 .icon { background: url(img/sprites.png) no-repeat left center; background-position: -120px -55px; width: 24px; height: 18px; display: inline-block; position: absolute; right: 12px; top: 16px; } .testimonial .three h2 { background: #b03d81; } .testimonial .three h2 .icon { background: url(img/sprites.png) no-repeat left center; background-position: -157px -50px; width: 22px; height: 22px; display: inline-block; position: absolute; right: 12px; top: 14px; } .testimonial .four h2 { background: #d3a22b; } .testimonial .four h2 .icon { background: url(img/sprites.png) no-repeat left center; background-position: -194px -53px; width: 24px; height: 24px; display: inline-block; position: absolute; right: 12px; top: 13px; } .testimonial .list { position: absolute; bottom: 0; left: 8px; right: 8px; min-height: 0; border-top: 2px solid #fff; border-left: 2px solid #fff; border-right: 2px solid #fff; min-height: 230px; display: none; z-index: 99; } .testimonial .one .list { background: #23b4c1; } .testimonial .two .list { background: #a1c647; } .testimonial .three .list { background: #b03d81; } .testimonial .four .list { background: #d3a22b; } .testimonial .list ul { list-style-type: none; padding: 0px 20px 15px 20px; } .testimonial .list li a { color: #fff; font-weight: normal; font-size: 14px; letter-spacing: 0.01em; font-family: "proxima-semib", arial, sans-serif; } .testimonial .one .list .icon-arrow { background: url(img/sprites.png) no-repeat left center; background-position: -176px -85px; width: 22px; height: 13px; display: inline-block; position: absolute; top: -13px; left: 45%; } .testimonial .two .list .icon-arrow { background: url(img/sprites.png) no-repeat left center; background-position: -207px -86px; width: 22px; height: 13px; display: inline-block; position: absolute; top: -13px; left: 45%; } .testimonial .three .list .icon-arrow { background: url(img/sprites.png) no-repeat left center; background-position: -237px -86px; width: 22px; height: 13px; display: inline-block; position: absolute; top: -13px; left: 45%; } .testimonial .four .list .icon-arrow { background: url(img/sprites.png) no-repeat left center; background-position: -235px -64px; width: 22px; height: 13px; display: inline-block; position: absolute; top: -13px; left: 45%; } .testimonial .one:hover .list, .testimonial .two:hover .list, .testimonial .three:hover .list, .testimonial .four:hover .list { /*display: block;*/ } /*Benefit*/ .benefit { } .benefit .inner { /*border-top: 1px solid #cacaca;*/ /*border-bottom: 1px solid #cacaca;*/ padding-top: 30px; padding-bottom: 30px; } .benefit h2 { margin: 0 0 15px; color: #0A51A1; } .benefit .col-lg-4 { } .benefit .item { position: relative; min-height: 50px; } .benefit p { margin-bottom: 0; margin-left: 50px; } .icon-one { background: url(img/sprites.png) no-repeat left center; background-position: 0 0; width: 32px; height: 36px; display: inline-block; float: left; position: absolute; left: 0; top: 0; } .icon-two { background: url(img/sprites.png) no-repeat left center; background-position: -45px -2px; width: 32px; height: 36px; display: inline-block; float: left; position: absolute; left: 0; top: 0; } .icon-three { background: url(img/sprites.png) no-repeat left center; background-position: -89px -2px; width: 32px; height: 36px; display: inline-block; float: left; position: absolute; left: 0; top: 0; } /*News sidebar*/ .sidebar-menu.konyv-pilot > div h2 { color: #fff; } .sidebar .actions h2, .sidebar .news-sidebar h2, .sidebar .widget h2 { margin: 0 0 15px; color: #0A51A1; } .news-sidebar h3 { margin-top: 0; font-size: 18px; } .news-sidebar { margin-bottom: 30px; border-right: 1px solid #cacaca; margin-right: 2px; padding-right: 10px; } .news-sidebar .item { margin-bottom: 20px; } /*Offer*/ .offer { /*margin-bottom: 30px;*/ } .offer .inside-wrapper .col-sm-12 .inside { border-top: 1px solid #cacaca; } .offer h2 { margin-bottom: 16px; margin-top: 11px; } .offer .left h2 { color: #23b4c1; } .offer .right h2 { color: #a1c647; } .offer .image-groups { position: relative; } .offer .image-groups .action-image.open { display: block; } .main-offer .row { } .offer .image-item { position: absolute; overflow: hidden; padding-bottom: 62px; top: 0; left: 10px; display: none; } .offer .image-item .caption { background: #444; position: absolute; bottom: 0; left: 0; right: 0; padding: 10px; min-height: 62px; } .offer .image-item .image { position: relative; } .offer .image-item .image img { width: 100%; } .offer .left .image-item .caption { background: #23b4c1; } .offer .right .image-item .caption { background: #a1c647; } .offer .caption h3 { margin-top: 0; margin-bottom: 2px; font-size: 14px; font-family: "proxima-semib", arial, sans-serif; font-style: normal; font-weight: normal; color: #fff; text-transform: uppercase; } .offer .list .caption h3 { margin-left: 10px; margin-right: 10px; } .offer .caption h3 a { color: #fff; font-weight: normal; } .offer .caption a { font-weight: normal; text-decoration: none; } .offer .caption p { margin-top: 0; margin-bottom: 2px; font-size: 13px; color: #fff; font-family: "proxima-regular", arial, sans-serif; font-weight: normal; } .offer .list .caption p { margin-left: 10px; margin-right: 10px; margin-bottom: 0; font-weight: normal; } .offer .caption p a { color: #fff; font-weight: normal; } .offer .image .price { position: absolute; right: 10px; top: 10px; color: #444; background: #fff; padding: 3px 8px; font-weight: bold; font-size: 14px; font-family: "proxima-semib", arial, sans-serif; z-index: 99; } .offer .image .kedvezmeny { position: absolute; right: 15px; top: 40px; color: #fff; font-size: 12px; font-family: "proxima-regular", arial, sans-serif; } .offer .caption .new-price { position: absolute; right: 10px; bottom: 10px; color: #444; background: #fff; padding: 3px 8px; font-weight: bold; font-size: 14px; font-family: "proxima-semib", arial, sans-serif; } .offer .caption .old-price { position: absolute; right: 15px; bottom: 40px; color: #fff; font-size: 12px; font-family: "proxima-regular", arial, sans-serif; } .offer li.caption { background: #fff; position: relative; bottom: 0; left: 0; right: 0; padding: 10px 0; min-height: 62px; list-style: none; border-bottom: 1px solid #91d9e0; cursor: pointer; } .offer .list ul > a { text-decoration: none; } .main-offer .left, .main-offer .right { margin-bottom: 20px; } .offer .kedvezmeny { font-size: 12px; color: #999; margin-left: 10px; margin-right: 10px; display: inline-block; } .offer .kedvezmeny .price { color: #e31d37; font-weight: bold; } .offer li.caption h3, .offer li.caption .old-price, .offer li.caption .new-price { color: #23b4c1; } .offer li.caption .new-price { color: #fff; background: #23b4c1; } .offer li.caption p { color: #2a2a2a; } .offer li.caption.first { border-top: 1px solid #91d9e0; } @media all and (min-width: 600px) { .offer li.caption:hover, .offer li.caption.open { background: #23b4c1; text-decoration: none; } .offer .right li.caption:hover, .offer .right li.caption.open { background: #a1c647; } .offer .left li.caption:hover h3, .offer .left li.caption:hover .old-price, .offer .left li.caption:hover .type, .offer .left li.caption:hover .kedvezmeny, .offer .left li.caption:hover .kedvezmeny .price, .offer .left li.caption.open h3, .offer .left li.caption.open .old-price, .offer .left li.caption.open .type, .offer .left li.caption.open .kedvezmeny, .offer .left li.caption.open .kedvezmeny .price { color: #fff !important; } .offer .right li.caption:hover h3, .offer .right li.caption:hover .old-price, .offer .right li.caption:hover .type, .offer .right li.caption:hover .kedvezmeny, .offer .right li.caption:hover .kedvezmeny .price, .offer .right li.caption.open h3, .offer .right li.caption.open .old-price, .offer .right li.caption.open .type, .offer .right li.caption.open .kedvezmeny, .offer .right li.caption.open .kedvezmeny .price { color: #fff; } .offer .left li.caption:hover .new-price { background: #fff; color: #23b4c1; } .offer .right li.caption:hover .new-price { background: #fff; color: #a1c647; } } .offer .more { color: #23b4c1; font-size: 14px; font-family: "proxima-regular", arial, sans-serif; display: inline-block; margin-top: 5px; font-weight: normal; } .offer .right li.caption h3, .offer .right li.caption .old-price, .offer .right .more { color: #a1c647; } .offer .right li.caption .new-price { background: #a1c647; } .offer .right li.caption { border-bottom: 1px solid #a1c647; } .offer .right li.caption.first { border-top: 1px solid #a1c647; } .offer .image-item .caption h3, .offer .image-item .caption p, .offer .image-item .caption .old-price { text-shadow: 0 0 2px rgba(0,0,0,0.1); } /*Travel*/ .travel-wrapper { background: #f6f6f6; border-top: 1px solid #dedede; border-bottom: 1px solid #cecece; } .travel { padding-top: 30px; } .travel .col-lg-6 { margin-bottom: 30px; } .travel h2 { color: #0A51A1; margin-top: 0; } .travel h3 { font-family: "proxima-regular", arial, sans-serif; color: #0A51A1; font-weight: normal; font-style: normal; margin-top: 8px; } .travel h3 a { font-weight: normal; text-decoration: none; } .travel .gallery img { padding: 5px; border: 1px solid #dedede; background: #fff; margin: 5px; } .travel .flexslider { background: none; padding-top: 0; } .travel .flex-control-nav li { margin: 2px; } .travel .flex-control-paging li a { width: 6px; height: 6px; text-indent: 100%; white-space: nowrap; overflow: hidden; } .flex-control-nav { text-align: right; top: -30px; height: 20px; right: 12px; } .flexslider-travel { } .flexslider-travel .text-content { width: 55%; float: left; margin-bottom: 30px; } .flexslider-travel .images { width: 40%; float: right; } .flexslider-travel .images img { float: left; width: 48%; margin: 1%; padding: 5px; background: #fff; border: 1px solid #dedede; } /*Footer*/ .footer-wrapper { background: #ededed; border-top: 1px solid #dedede; } .footer { padding-top: 30px; } .footer h2 { color: #0A51A1; margin-top: 0; } .footer h3 { font-family: "proxima-regular", arial, sans-serif; color: #0A51A1; font-weight: normal; font-style: normal; margin-top: 8px; } .footer h3 a { font-weight: normal; color: #0A51A1; } .footer .contact-info .inner { /*border-bottom: 1px solid #dedede;*/ padding-bottom: 10px; } .footer .contact-info .top p { margin-bottom: 5px; } .footer .contact-info .top a { margin-right: 10px; display: inline-block; } .footer .contact-info .skype-icon { background: url(img/sprites.png) no-repeat left center; background-position: -547px -14px; width: 24px; height: 24px; display: inline-block; float: left; margin-right: 6px; margin-top: -2px; } .footer .contact-info .email-icon { background: url(img/sprites.png) no-repeat left center; background-position: -516px -21px; width: 24px; height: 16px; display: inline-block; float: left; margin-right: 6px; margin-top: 2px; } .footer .contact-info .bottom .plain { color: #666; font-weight: normal; display: inline-block; vertical-align: top; margin-top: 22px; margin-right: 5px; } .footer .contact-info .bottom .facebook { background: url(img/sprites.png) no-repeat left center; background-position: -212px -1px; width: 32px; height: 36px; display: inline-block; text-indent: 100%; white-space: nowrap; overflow: hidden; margin-top: 12px; } .footer .contact-info .bottom .twitter { background: url(img/sprites.png) no-repeat left center; background-position: -254px -1px; width: 32px; height: 36px; display: inline-block; text-indent: 100%; white-space: nowrap; overflow: hidden; } .footer .contact-info .bottom .youtube { background: url(img/sprites.png) no-repeat left center; background-position: -293px -2px; width: 32px; height: 36px; display: inline-block; text-indent: 100%; white-space: nowrap; overflow: hidden; } .footer .bottom { padding-bottom: 20px; } .footer .bottom .inner { border-top: 1px solid #dedede; margin-top: 20px; padding: 20px 0 0 0; } .footer .bottom .logo { background: url(img/sprites.png) no-repeat left center; background-position: -9px -86px; width: 84px; height: 10px; display: inline-block; float: right; margin-top: 4px; margin-left: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden; } .footer .bottom .inner { height: 20px; } .footer .bottom p { display: inline-block; float: left; margin: 0; color: #2a2a2a; } .footer .bottom ul { display: inline-block; float: right; } .footer .bottom ul li { display: inline; color: #0A51A1; list-style: none; } .footer .top ul li { list-style: none; } .footer .top ul li a { font-weight: normal; color: #333; font-size: 13px; } .footer .list-icon-white { background: url(img/sprites.png) no-repeat left center; background-position: -12px -109px; width: 6px; height: 9px; display: inline-block; margin-right: 5px; } .footer .top.one { width: 20%; } .footer .top.two { width: 18%; } .footer .top.three { width: 18%; } .footer .top.four { width: 15%; } .footer .top.five { width: 28%; } /*Newsletter*/ .footer .mc_custom_border_hdr, .footer #mc-indicates-required { display: none !important; } .footer #mc_signup input { background: #cacaca; border: none; padding: 5px; } .footer #mc_signup #mc_signup_submit { background: #328AA0; border: 0; float: left; width: 130px; font-size: 12px; text-transform: uppercase; color: #fff; font-weight: bold; } .footer #mc_signup #mc_signup_submit:hover { background: #247F96; } .footer #mc_signup #mc_signup_submit { margin-top: 0 !important; } .footer #mc_signup label { margin-bottom: 0; font-size: 13px; } .footer #mc_signup .mc_merge_var:first-child { display: none; } /*Content arrows*/ .arrow-aqua { background: url(img/sprites.png) no-repeat left center; background-position: -105px -82px; width: 10px; height: 16px; display: inline-block; margin: 0 0 -4px 5px; } .arrow-green { background: url(img/sprites.png) no-repeat left center; background-position: -123px -81px; width: 10px; height: 16px; display: inline-block; margin: 0 0 -4px 5px; } .arrow-blue { background: url(img/sprites.png) no-repeat left center; background-position: -139px -83px; width: 10px; height: 16px; display: inline-block; margin: 0 0 -4px 5px; } /*Social fix*/ .social-fix { width: 50px; height: 135px; position: fixed; right: 0px; top: 42%; overflow: hidden; z-index: 101; } .social-fix .facebook { background: url(img/sprites.png) no-repeat left center; background-position: -340px 0; width: 50px; height: 40px; display: inline-block; text-indent: 100%; white-space: nowrap; overflow: hidden; position: absolute; right: -10px; top: 0; transition: right 0.1s; } .social-fix .twitter { background: url(img/sprites.png) no-repeat left center; background-position: -398px 0; width: 50px; height: 40px; display: inline-block; text-indent: 100%; white-space: nowrap; overflow: hidden; position: absolute; right: -10px; top: 90px; transition: right 0.1s; } .social-fix .youtube { background: url(img/sprites.png) no-repeat left center; background-position: -456px 0; width: 50px; height: 40px; display: inline-block; text-indent: 100%; white-space: nowrap; overflow: hidden; position: absolute; right: -10px; top: 45px; transition: right 0.1s; } .social-fix .hirlevel { background: url(img/sprites.png) no-repeat left center; background-position: -398px 0; width: 50px; height: 40px; display: inline-block; text-indent: 100%; white-space: nowrap; overflow: hidden; position: absolute; right: -10px; top: 90px; transition: right 0.1s; } .social-fix .facebook:hover, .social-fix .twitter:hover, .social-fix .youtube:hover, .social-fix .hirlevel:hover { right: 0; transition: right 0.1s; } /*Bullet icon footer*/ .footer .bottom .icon { background: url(img/sprites.png) no-repeat left center; background-position: -164px -89px; width: 6px; height: 6px; display: inline-block; margin-right: 10px; margin-left: 10px; margin-bottom: 2px; } /*List icons*/ .list-icon-white { background: url(img/sprites.png) no-repeat left center; background-position: -24px -109px; width: 6px; height: 9px; display: inline-block; margin-right: 5px; } .list-icon-aqua { background: url(img/sprites.png) no-repeat left center; background-position: -12px -109px; width: 6px; height: 9px; display: inline-block; margin-top: 2px; margin-right: 8px; margin-left: 8px; } /*Offer form*/ .offer-form { margin-bottom: 20px; } .offer-form h2 { margin-top: 0; } .offer-form label, .offer-form select, .offer-form input[type="text"], .offer-form input[type="email"], .offer-form input[type="tel"], .offer-form textarea { display: block; } .offer-form label.required { font-weight: bold; } .offer-form label { padding-bottom: 2px; } .offer-form input[type="text"], .offer-form select, .offer-form input[type="email"], .offer-form input[type="tel"], .offer-form textarea { width: 100%; max-width: 100%; min-width: 100%; margin-bottom: 10px; border: 1px solid #155488; padding: 6px; overflow: hidden; outline: 0; } .offer-form select { padding: 7px; } .offer-form textarea { height: 80px; resize: none; } .offer-form .radio { display: block; } .offer-form .radio label { margin-top: -1px; display: inline-block; vertical-align: top; } .offer-form .checkbox { margin-right: 5px; display: inline-block; } .offer-form .legal label { margin-top: -1px; display: inline-block; vertical-align: top; } .offer-form input[type="radio"] { display: inline; width: auto; vertical-align: middle; margin-bottom: 5px; outline: 0; } .offer-form button { border: 1px solid #155488; padding: 12px 10px; background: #fff; color: #155488; float: right; outline: 0; } .offer-form button:hover { background: #155488; color: #fff; } .offer-form button:hover .arrow-blue { background-position: -36px -105px; } .offer-form .legal { margin-top: 10px; } .content .offer-form .legal { margin-top: 0; } .offer-form .legal .wpcf7-form-control-wrap { margin-bottom: -2px; display: inline-block; vertical-align: bottom; } .offer-form .wpcf7-radio .wpcf7-list-item { margin-left: 0; width: 50%; display: inline-block; float: left; } input.wpcf7-not-valid { background: #fdadad; } .offer-form .close-btn { background: url(img/sprites.png) no-repeat left center; display: inline-block; background-position: -111px -137px; width: 10px; height: 10px; position: absolute; right: 30px; top: 30px; cursor: pointer; } /*Datepicker*/ .ui-widget-content { background: #fff; border-radius: 0; border: none; box-shadow: 0 0 10px rgba(0,0,0,0.6); margin-top: 0; } .ui-datepicker { } .ui-widget-header { border: none; background: #155488; color: #fff; border-radius: none; font-weight: bold; } .ui-datepicker-calendar thead th span { color: #666; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-radius: 0 !important; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: none; background: #66A1D1; font-weight: bold; color: #fff; border: 1px solid #66A1D1; } .ui-state-highlight, .ui-state-default:hover { background: #fff !important; color: #66A1D1 !important; border: 1px solid #ccc !important; } .ui-state-hover { background: none !important; border: none !important; } /*Menu Get offer*/ .offer-form.menu { position: fixed; width: 720px; background: rgba(255,255,255,0.85); padding: 20px; z-index: 99; display: none; box-shadow: 0 0 15px rgba(0,0,0,0.5); opacity: 0; } .offer-form.menu.open { display: block; } .offer-form.menu h2 { color: #0A51A1; } .white-arrow-top { background: url(img/sprites.png) no-repeat left center; background-position: -81px -136px; width: 20px; height: 10px; display: inline-block; position: absolute; top: -10px; right: 7%; opacity: 0.9; } /*News section*/ .news-section h2 { color: #0A51A1; } .news-section .item:last-child { border-bottom: none; } .news-section .item { position: relative; border-bottom: 1px solid #dedede; padding-bottom: 20px; margin-bottom: 20px; min-height: 150px; } .news-section img { position: absolute; top: 0; left: 0; } .left .action-image { background: #23b4c1; position: relative; display: none; } .right .action-image { background: #a1c647; position: relative; display: none; } .action-image.open { display: block !important; } .action-image .caption { padding: 15px 0; } .image-link:hover { text-decoration: none !important; } .action-image .kedvezmeny { color: #0E3057 !important; } .action-image .kedvezmeny .price { color: #0E3057 !important; } /* PERCENTAGE RIBBON */ .ribbon-wrapper { width: 150px; height: 150px; position: absolute; overflow: hidden; top: 0; z-index: 99; pointer-events: none; } .ribbon-wrapper.left { left: 0; } .ribbon-wrapper.left .ribbon { top: 5px; left: -80px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .ribbon { /* The right and left classes determine the side we attach our banner to */ position: absolute; /* Add a bit of padding to give some substance outside the "stitching" */ padding: 2px 0; /* Set the base colour */ background-color: #a00; /* Set a gradient: transparent black at the top to almost-transparent black at the bottom */ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.15))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)); background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)); /* Add a drop shadow */ -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); z-index: 9999; pointer-events: auto; } .ribbon span, .ribbon span:hover { /* Set the font */ font: 700 13px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; /* Set the text properties */ text-decoration: none; text-shadow: 0 -1px rgba(0, 0, 0, 0.2); text-align: center; /* Set the geometry. If you fiddle with these you'll also need to tweak the top and right values in .github-fork-ribbon. */ width: 200px; line-height: 20px; /* Set the layout properties */ display: inline-block; padding: 2px 0; border: 1px dashed rgba(255,255,255,0.4); /* Add "stitching" effect */ } .news-section .item.image h3 { color: #0A51A1; margin-left: 140px; margin-top: 0; } .news-section .item.image p { margin-left: 140px; } .news-section .item.image .read-more { margin-left: 140px; } .news-section h3 { margin-top: 0; } .news-section h3, .news-section p, .news-section .read-more { margin-left: 0; } .news-section .item { padding-left: 0; } .news-section .item.image { padding-left: 10px; } /*News section main*/ .content.news { } .content.news .item { position: relative; } .content.news .item .inside { border-bottom: 1px solid #dedede; margin-bottom: 10px; padding-bottom: 30px; min-height: 150px; } .content.news .item:last-child .inside { border-bottom: 0; } .content.news .item.image img { position: absolute; left: 10px; top: 0; } .content.news .item h3 { margin-top: 0; } .content.news .item.image h3, .content.news .item.image p, .content.news .item.image .read-more { margin-left: 150px; } /*PageNavi*/ .wp-pagenavi, .ngg-navigation { padding: 20px 10px; margin: 0 20px 0 0; font-family: Arial, Helvetica, sans-serif; color: #5abbb9; clear: both; font-size: 13px; position: relative; text-decoration: none; border: none; } body .wp-pagenavi a, .current, .ngg-navigation .page-numbers, .ngg-navigation .current { padding: 7px 11px 6px; font-weight: bold; border-radius: 2px; margin-right: 5px; display: inline-block; color: #fff; text-decoration: none; font-size: 12px; background: #347CB8; } .wp-pagenavi a:hover, .ngg-navigation a:hover { color: #fff; background: #155488; } .wp-pagenavi .current { color: #fff; background: #155488; } /*Content list*/ .content ul { margin-left: 20px; } .content ul li { background: url(img/list-arrow-aqua.png) no-repeat center left; padding-left: 15px; list-style-type: none; margin-bottom: 5px; } /*Editor style*/ .alignleft, .ngg-left { float: left; margin: 0 20px 20px 0; } .alignright, .ngg-right { float: right; margin: 0 0 20px 20px; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .ngg-center { margin-bottom: 10px; } /*Progress*/ .flexslider, .flexslider-type { position: relative; } #progress { position: absolute; left: 0; bottom: 0; background: rgba(255,255,255,0.6); height: 5px; width: 0; z-index: 99; } .flexslider { overflow: hidden; } /*Submenu*/ .sidebar-menu li.children ul, .sidebar-menu li.menu-item-has-children ul { display: none; } /*Galéria linkek*/ .content .gallery br { display: none; } .content .gallery .gallery-item { width: auto !important; margin-right: 10px !important; } .content .gallery img { border: 1px solid #dedede !important; } /*Slider preload opt*/ .before-load { margin-top: 39px !important; } .before-load .icon-arrow { display: none !important; } /*Contact Form 7*/ .wpcf7-response-output { margin-left: 10px !important; margin-right: 10px !important; } .content ol li { list-style-position: inside; margin-bottom: 10px; padding-left: 20px; } /*Pilot-Map*/ .pilot-map h4 { font-size: 14px; text-align: center; margin-bottom: 0; } .pilot-map .gallery { display: none; } .pilot-map .item .price { margin-top: 5px; color: #888; font-size: 13px; text-align: center; } /*content*/ .content .col-lg-12 p a>img { max-width: 100%; height: auto; } /*mailchimp*/ .widget_mailchimpsf_widget { margin-bottom: 30px; border-right: 1px solid #cacaca; margin-right: 2px; padding-right: 10px; padding-bottom: 10px; } .widget_mailchimpsf_widget label { font-size: 13px; color: #777; margin-bottom: 4px; } .widget_mailchimpsf_widget input[type="text"] { background: #DCECB5; padding: 5px; border: none; } .widget_mailchimpsf_widget .mc_signup_submit { text-align: left; } .widget_mailchimpsf_widget #mc_signup_submit { background: #87A835; display: inline-block; border: none; padding: 7px 10px; color: #fff; font-size: 13px; width: auto; margin-top: 0; font-family: arial, sans-serif; font-weight: bold; } .widget_mailchimpsf_widget #mc_signup_submit:hover { background: #759130; } .widget_mailchimpsf_widget #mc_display_rewards, .widget_mailchimpsf_widget #mc-indicates-required { display: none; } /*Slides*/ .slides li:first-child { display: block !important; } .slides li { display: none; } /*Social share*/ .social-share-section { border-top: 2px solid #efefef; position: relative; display: block; margin: 20px 0; height: 30px; padding-top: 15px; clear: both; } .social-share-section .fb-like { position: absolute; left: 75px; top: 15px; } .social-share-section .g-plusone { } /*Slider text*/ body .slides .caption .text .inner p { font-size: 17px; font-family: 'Exo 2', Arial, sans-serif; } /*flexslider-travel*/ .flexslider-travel .flex-direction-nav, .flexslider-main .flex-direction-nav { display: none; } /*Menu térkép-pilot*/ .konyv-pilot ul.tengeri, .konyv-pilot ul.csatorna { display: none; margin-bottom: 0; } .konyv-pilot h2.tengeri, .konyv-pilot h2.csatorna { cursor: pointer; } .konyv-pilot .tengeri-wrapper, .konyv-pilot .csatorna-wrapper { margin-bottom: 20px; } /*.testimonial-wrapper.single h2 { cursor: default !important; }*/ /*MailChimp*/ .mail-chimp-checkbox { } .mail-chimp-checkbox .wpcf7-list-item-label { margin-top: -2px; display: inline-block; vertical-align: top; } .mail-chimp-checkbox span.wpcf7-list-item { margin-left: 0; } /*MailChimp ajánlatkérés*/ .offer-form.open div.wpcf7-validation-errors, .offer-form.open div.wpcf7-mail-sent-ok { display: inline-block; width: 97%; margin-top: 20px; } .mobile-offer-form h2 { margin: 0 0 15px; color: #0A51A1; } .mobile-offer-form .inner { border-top: 1px solid #dedede; padding-top: 30px; padding-bottom: 20px; } .mobile-offer-form .col-xs-12.submit { margin-bottom: 10px; } .mobile-offer-form .radio .wpcf7-list-item { display: block !important; width: 100%; } .testimonial-wrapper.mobile { display: none; } /*Responsive section*/ @media all and (max-width: 1200px) { .footer .contact-info .bottom .plain { display: block; } } @media all and (max-width: 991px) { .fancybox-nav span { visibility: visible; } body { padding-top: 132px; } .header { height: auto; height: 85px; } .header .col-sm-4 .logo { width: 225px; background: url(img/logo-res.png) no-repeat; background-size: 225px 51px; margin-top: 15px; } .header .col-xs-6 { margin-top: 15px; } .header-wrapper .nav li a { font-size: 12px !important; } .header-wrapper .nav ul li:nth-child(1) a { width: 13%; } .header-wrapper .nav ul li:nth-child(2) a { width: 11%; } .header-wrapper .nav ul li:nth-child(3) a { width: 17%; } .header-wrapper .nav ul li:nth-child(4) a { width: 22%; } .header-wrapper .nav ul li:nth-child(5) a { width: 13%; } .header-wrapper .nav ul li:nth-child(6) a { width: 11%; } .header-wrapper .nav ul li:nth-child(7) a { width: 13%; } .header-wrapper .news-section .item { padding-left: 0 !important; } .header-wrapper .footer .contact-info .bottom .plain { display: block; } .offer .image-groups { display: none; } /*Footer section*/ .footer .bottom p { display: block; text-align: center; float: none; margin-bottom: 10px; } .footer .bottom .inner { text-align: center; } .footer .bottom ul { display: block; float: none; } .footer .bottom .logo { display: block; margin: 10px auto; float: none; } .footer .bottom { height: 140px; } .footer .top p, .footer .top a { font-size: 12px; } /*Testimonial section*/ .testimonial .list { position: absolute; top: 0; bottom: 0; left: 8px; right: 8px; min-height: 0; display: none; z-index: 99; border-top: 0; } .testimonial .list .icon-arrow { display: none !important; } .home .testimonial .col-md-3 { margin-bottom: 20px; } .header-wrapper .nav { display: block; } .social-fix { display: none !important; } .flex-direction-nav { display: none !important; } /*Testimonial single main-menu*/ .testimonial-wrapper .testimonial .icon { display: none !important; } .testimonial-wrapper .testimonial ul { display: none !important; } .testimonial-wrapper .testimonial .icons .icon { display: block !important; } .testimonial-wrapper .testimonial h2 { color: #fff; margin: 0; font-size: 14px; padding: 15px 10px 17px; text-shadow: 0 0 2px rgba(0,0,0,0.1); position: relative; } .testimonial-wrapper .testimonial li a { font-size: 12px !important; } .testimonial-wrapper .testimonial.inverse .col-md-3:hover ul { padding: 20px 20px 20px 20px; margin: 46px 10px 0 10px; z-index: 99; } .testimonial-wrapper .testimonial.inverse .col-md-3 ul { margin: 46px 10px 0 10px; z-index: 99; } .testimonial-wrapper .testimonial.inverse .col-md-3 h2 { z-index: 90; } .testimonial-wrapper .testimonial.inverse .col-md-3 { z-index: inherit; } /*Sidebar - benefit*/ .sidebar .benefit .item span { display: none !important; } .sidebar .benefit .item p { margin: 0 !important; } .get-know-more { } /*Térkép-pilot*/ .post-type-archive-terkep-pilotkonyv .sidebar-menu h2, .tax-kategoria-terkep-pilot .sidebar-menu h2 { font-size: 14px; } .post-type-archive-terkep-pilotkonyv .sidebar-menu li a, .tax-kategoria-terkep-pilot .sidebar-menu li a { font-size: 12px !important; } .post-type-archive-terkep-pilotkonyv .terkep-pilot-logo-block img, .tax-kategoria-terkep-pilot .terkep-pilot-logo-block img { margin-bottom: 20px; } /*Útleírások*/ .post-type-archive-utleirasaink .sidebar .sidebar-menu li a { font-size: 12px; } .post-type-archive-utleirasaink .item img { display: none !important; } .post-type-archive-utleirasaink .item h2, .post-type-archive-utleirasaink .item p, .post-type-archive-utleirasaink .item .read-more { margin-left: 0 !important; } .testimonial-wrapper.single.min a { overflow: hidden !important; } } @media all and (max-width: 767px) { .container { padding-left: 20px; padding-right: 20px; } .testimonial-wrapper .testimonial .icon { display: block !important; } .footer .bottom { clear: both; } .header-wrapper .nav { height: auto; } .footer .col-xs-6 { width: 50% !important; height: 160px; } .footer .top.five { width: 100%; } body { padding: 0; } .header-wrapper { position: relative; box-shadow: none; } .header { height: auto; padding-bottom: 10px; } /*Navigation*/ .header-wrapper .nav { display: none; } .header-wrapper .nav.open { display: block; } .header .more-info { display: none; } .header .more-info.open { display: block; font-size: 11px !important; } /* .header .more-info.open .address, .header .more-info.open .email, .header .more-info.open .action { font-size: 11px !important; } .header .more-info.open .phone { font-size: 13px !important; }*/ .header .more-info.open .col-xs-6 { border: none; width: 100%; text-align: center; padding: 0; } .header-wrapper .nav .col-lg-12, .nav .container { padding: 0; } .header-wrapper .nav li { display: block; } .header-wrapper .nav li a.first { border-left: none; } .header-wrapper .nav .row { margin: 0; } .header-wrapper .nav li a { width: 100% !important; border-left: none; border-right: none; border-bottom: 1px solid #386d9a; display: block; text-align: left; padding-left: 20px; } .header-wrapper .nav li:last-child a { border-bottom: none; } .res-menu-icon { background: url(img/res-menu-icon.png) no-repeat left center; width: 27px; height: 22px; background-size: 27px 22px; display: inline-block; cursor: pointer; position: absolute; top: 30px; right: 20px; } .more-info-icon { background: url(img/more-info.png) no-repeat left center; width: 16px; height: 24px; background-size: 16px 24px; display: inline-block; cursor: pointer; position: absolute; top: 29px; right: 65px; } /*News*/ .news-section .item img { display: block; } .news-section .item.image h3, .news-section .item.image p, .news-section .item.image .read-more { margin-left: 150px !important; } .news-section .item { padding-left: 0; } .news-section .item:last-child { padding-bottom: 0; margin-bottom: 0; } /*Offer*/ .offer .image-groups { display: block; } .main-offer .row { padding-bottom: 8%; min-height: 360px !important; } /*Footer*/ .footer .top { margin-bottom: 30px; } .footer .contact-info .bottom { height: 60px; } /*Útleírások*/ .flexslider-travel .images { display: none; } .flexslider-travel .text-content { width: 100%; } .post-type-archive-utleirasaink .sidebar .sidebar-menu li a { font-size: 12px; } /*Sidebar - benefit*/ .sidebar .benefit .item span { display: block !important; } .sidebar .benefit .item p { margin-left: 50px !important; } .sidebar div { border-right: none !important; } /*Online katalógus*/ .page-id-36 .content .testimonial h3 { font-size: 12px; } /*Térkép-pilot*/ .post-type-archive-terkep-pilotkonyv .terkep-pilot-logo-block img, .page-id-100 .terkep-pilot-logo-block img, .page-id-125 .terkep-pilot-logo-block img { margin: 0 auto 20px; display: block; } /*SIDEBAR*/ .sidebar .actions, .sidebar .news-sidebar, .sidebar .block { margin-right: 0 !important; padding-right: 0 !important; } } @media all and (max-width: 480px) { .testimonial-wrapper.single.min .col-sm-3 { display: none; } .testimonial-wrapper.mobile { display: block; } /* .benefit h2, .travel h2, .offer h2, .news-section h2 { font-size: 18px !important; } .news-section .item.image h3 { font-size: 15px !important; }*/ .single-utleirasaink .get-know-more { display: block !important; clear: both !important; width: 100% !important; max-width: 100% !important; min-width: 100% !important; } .footer .col-xs-6 { width: 100% !important; height: auto; } .offer .col-xs-6 { width: 100%; } .offer div.image { margin-bottom: 30px; } /*Testimonial new icons*/ .testimonial-wrapper.single.min { background: #e9e9e9; text-align: center; } .testimonial-wrapper.single.min .icons-title { width: 100%; } .testimonial-wrapper.single.min .icons { width: 100%; } .testimonial-wrapper.single.min .main-section-icon { position: relative !important; right: auto !important; } .testimonial-wrapper.single.min .main-section-icon .title { display: none; } /*logo*/ .header .col-sm-4 .logo { width: 180px; height: 50px; background: url(img/logo-res.png) no-repeat; background-size: 180px 40px; margin-top: 15px; } /*header*/ .header .more-info .icon { display: none; } /*Testimonial*/ .testimonial .col-xs-6 { width: 100%; } /*News*/ .news-section .item img { display: none; } .news-section .item.image h3, .news-section .item.image p, .news-section .item.image .read-more { margin-left: 0 !important; } .news-section .item.image { padding-left: 0; } /*Footer*/ .footer .top .col-xs-6 { width: 100%; } .footer .contact-info .bottom { height: 80px; } /*Offer*/ .offer .col-xs-6 { width: 100%; } .offer .image-groups { display: none; } .main-offer .row { padding-bottom: 8%; min-height: inherit !important; } /*PAGE HÍREK*/ .post-type-archive-hirek .content .item img { display: none; } .post-type-archive-hirek .content .item.image h3, .post-type-archive-hirek .content .item.image p, .post-type-archive-hirek .content .item.image .read-more { margin-left: 0 !important; } .main-offer .list.image { display: none; } } /*Testimonial new icons*/ /*Main title section*/ .testimonial .icons-title h2 { padding: 0 !important; margin-top: 10px; margin-bottom: 10px; color: #795E18; text-shadow: none; } .testimonial .icons-title.tengeri h2 { color: #08687A ; } .testimonial .icons-title.csatorna h2 { color: #28691C; } .testimonial .icons-title.ertekesites h2 { color: #752655; } .testimonial .icons-title.oktatas h2 { color: #795E18; } /*Icon section*/ .testimonial .main-section-icon { display: inline-block; height: 40px; width: 40px; position: absolute; top: 0; } .testimonial .main-section-icon:hover { z-index: 99; } .testimonial .main-section-icon .icon { height: 40px; width: 40px; display: inline-block; text-align: center; position: absolute; right: 0; top: 0; } .testimonial .main-section-icon .icon img { margin-top: 5px; } /*Title*/ .testimonial .main-section-icon .title { height: 40px; display: inline-block; float: left; font-family: 'Exo 2', Arial, sans-serif; font-weight: 700; font-style: italic; color: #fff; font-size: 15px; padding: 8px 10px 0; white-space: nowrap; position: absolute; left: 0; top: 0; width: 0; transition: 0.2s; color: rgba(256,256,256,0); overflow: hidden; } .testimonial .main-section-icon:hover .title { transition: 0.2s; color: rgba(256,256,256,1); top: 0; } /*Tengeri ikon*/ .testimonial .main-section-icon.tengeri .icon { background: #23b4c1; } .testimonial .main-section-icon.tengeri .icon img { margin-top: 6px; } .testimonial .main-section-icon.tengeri .title { background: #23b4c1; } .testimonial .main-section-icon.tengeri:hover .title { left: -150px; width: 150px; } /*csatorna ikon*/ .testimonial .main-section-icon.csatorna .icon { background: #a1c647; } .testimonial .main-section-icon.csatorna .icon img { margin-top: 10px; } .testimonial .main-section-icon.csatorna .title { background: #a1c647; } .testimonial .main-section-icon.csatorna:hover .title { left: -140px; width: 140px; } /*Értékesítés ikon*/ .testimonial .main-section-icon.ertekesites .icon { background: #b03d81; } .testimonial .main-section-icon.ertekesites .icon img { margin-top: 10px; } .testimonial .main-section-icon.ertekesites .title { background: #b03d81; } .testimonial .main-section-icon.ertekesites:hover .title { left: -130px; width: 130px; } /*Oktatás ikon*/ .testimonial .main-section-icon.oktatas .icon { background: #d3a22b; } .testimonial .main-section-icon.oktatas .icon img { margin-top: 7px; } .testimonial .main-section-icon.oktatas .title { background: #d3a22b; } .testimonial .main-section-icon.oktatas:hover .title { left: -170px; width: 170px; } /*.content { min-height: 1000px; }*/ .google-map { position: relative; } .data-info { display: inline-block; background: rgba(10,81,160,0.9); padding: 10px 20px 10px 20px; position: absolute; right: 0; top: 50px; z-index: 99; font-family: 'Exo 2', Arial, sans-serif; font-weight: 700; font-style: italic; font-size: 15px; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2); min-height: 40px; max-width: 50%; } .data-info.green { background: rgba(76,95,28,0.9); } .data-info:after { content: ""; position: absolute; display: block; border-style: solid; border-color: rgba(12, 52, 97, 1) transparent transparent transparent; bottom: -10px; right: 0; border-width: 10px 10px 0 0; } .data-info .icon-travel { background: url(img/content-sidebar/icon-travel.png) no-repeat; width: 16px; height: 16px; display: inline-block; float: left; margin-right: 5px; margin-top: 2px; } @-moz-document url-prefix() { .ui-multiselect { padding: 3px 6px 5px 6px !important; } .ui-widget-content { margin-top: 0; } } .badge { background: url(img/badge.png) no-repeat; display: inline-block; width: 90px; height: 103px; margin-top: 65px; z-index: 999; margin-left: -315px; } .sidebar .actions .submenu-arrow, .sidebar .actions .submenu-arrow-2 { background: url(img/sprites.png) no-repeat left center; background-position: -51px -107px; width: 8px; height: 12px; display: inline-block; float: right; margin-top: 3px; } .sidebar .actions h2.open .submenu-arrow { background-position: -68px -109px; width: 12px; height: 8px; } /* NGG GALLERY OFFER MAIN PAGE */ .container.offer .main-offer .action-image .ngg-singlepic { padding: 0; max-width: 100%; height: auto; } /* NAV TABS */ .nav-tabs { } ul.nav-tabs { margin: 0; padding: 0; background: rgba(24, 153, 165, 0.8); padding: 10px 10px 0 10px; } ul.nav-tabs li { background: none; padding: 0; margin-bottom: 0; display: inline-block; } ul.nav-tabs li a { padding: 6px 10px; display: inline-block; background: rgba(255,255,255,0.6); color: #23b4c1 !important; font-family: 'Exo 2', Arial, sans-serif; font-weight: 400; margin-bottom: 10px; margin-right: 6px; } ul.nav-tabs li a:hover, ul.nav-tabs li.active a { text-decoration: none; background: #fff; } .tab-content .ngg-gallery-thumbnail-box:nth-child(5n) { margin-right: 0; } .tab-content .ngg-galleryoverview { } .tab-content .ngg-gallery-thumbnail-box { width: 19%; margin-right: 1.25%; margin-bottom: 1.25%; } .tab-content .ngg-gallery-thumbnail { margin-right: 0; margin-bottom: 0; } a:focus, a:active { text-decoration: none; } /* Menü modify */ .sidebar .sidebar-menu ul { margin: 0 !important; } .sidebar .sidebar-menu li { background: none !important; padding: 0 !important; margin: 0 !important; } .sidebar .sidebar-menu li a { color: #fff !important; } .sidebar .sidebar-menu h2 { color: #fff !important; } .read-more-news { position: relative; display: inline-block; font-weight: bold; margin-bottom: 15px; padding: 6px 12px; background: #E31D37; float: right; color: #fff; } .read-more-news:hover, .read-more-news:focus, .read-more-news:active { text-decoration: none; color: #fff; background: #BB1E33; } .read-more-news .arrow-white { background: url(img/arrow-white.png) no-repeat left center; width: 10px; height: 16px; display: inline-block; margin: 0 0 -4px 5px; } .pilot-item-wrapper .post-edit-link { left: 5px !important; } /* Cookie law notification panel */ .cookie-notification { background: rgba(0,0,0,.8); display: block; position: fixed; bottom: -500px; right: 0; left: 0; padding: 10px 20px; color: #fff; font-family: sans-serif; margin: 0; z-index: 99999; } .cookie-notification p { color: #fff; } .cookie-notification a { color: #fff; text-decoration: underline; } .cookie-notification .message { margin-right: 100px; margin-bottom: 0; padding: 5px 0; } .cookie-notification .close-btn { float: right; cursor: pointer; background: #fff; color: #424242; display: inline-block; padding: 5px 10px; border-radius: 3px; position: absolute; top: 50%; margin-top: -15px; right: 20px; } .cookie-notification .close-btn:hover, .cookie-notification .close-btn:focus, .cookie-notification .close-btn:active { background: #efefef; } .wpcf7 .screen-reader-response { display: none !important; }