/* Theme Name: Magyarországi Arablótenyésztők Egyesülete Theme URI: http://www.arablo.hu/ Description: Magyarországi Arablótenyésztők Egyesülete weboldalának alapértelmezett sablonja Author: Digitalform Author URI: http://www.digitalform.hu/ Version: 3.0 */ *{ margin: 0; border: 0; padding: 0; flex-wrap: wrap; text-decoration: none; -webkit-border-radius: none; } *, *:after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } :root { --color-red: #ac0305; --color-sand: #f3ebe6; --color-brown: #a57355; --color-white-sand: #f9f7f7; --color-dark: #151110; --color-silver-line: #eeeeee; --title-size: min(5vw, 5em); } body { font-family: 'DM Sans', sans-serif; font-size: 17px; font-weight: 400; color: #000000; line-height: 25px; } body.rwd_menu__opened { overflow-y: hidden; } h1, h2, h3, h4, h5 { font-weight: normal; } button, input, select { outline: none; } hr { margin-top: 30px; margin-bottom: 30px; border-top: 3px solid var(--color-silver-line); clear: both; } img.alignleft, img.alignright, img.aligncenter, img.alignnone { max-width: 100%; } /* Classes */ .inner { max-width: 1280px; margin: auto; position: relative; } .left { float: left; } .right { float: right; } .clear { clear: both; } .hide { display: none; } .alignleft { margin: 0 30px 20px 0; float: left; } .alignright { margin: 0 0 20px 30px; float: right; } .aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; } .vertical_center { top: 50%; position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .vertical_middle { top: 50%; position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .b_r_3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .b_r_50p { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* Animation */ .anim, .gallery_chooser a.thumbnail:before, .gallery_chooser a.thumbnail:after { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .anim_cubic, #rwd_menu ul li a { -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); } /* Fonts */ .sec_font { font-family: 'Barlow Condensed', sans-serif; } .center { text-align: center; } .uppercase { text-transform: uppercase; } /* Buttons */ .button { height: 50px; padding: 0 25px; font-size: 15px; font-weight: 700; text-transform: uppercase; text-decoration: none !important; color: white !important; line-height: 50px; background: var(--color-brown); display: inline-block; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .button:hover { background: var(--color-dark); } .button.button_small { height: 40px; padding: 0 10px; font-size: 14px; line-height: 40px; } .button.button_red { background-color: var(--color-red); } .button.button_red:hover { background-color: var(--color-dark); } .arrowed_button { font-weight: 700; color: white; line-height: 30px; padding-right: 20px; background: url(images/icon_arrow_right_white.svg) no-repeat right center; background-size: 11px auto; display: inline-block; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .arrowed_button:hover { padding-right: 25px; } /* -------------- NOTICE -------------- */ .notice { margin-bottom: 20px; padding: 20px; color: #000; line-height: 20px; background: #fff5f5; border: 2px solid var(--color-red); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .notice p:last-child { margin-bottom: 0 !important; } /* ----------------------- COOKIE LAW INFO ----------------------- */ #cookie-law-info-bar { width: 100% !important; max-width: 320px !important; padding: 20px !important; text-align: left !important; font-size: 14px !important; } #cookie-law-info-bar span { display: block; } #cookie-law-info-bar .cli_action_button { width: 100% !important; height: 40px !important; margin-left: 0 !important; margin-top: 10px; padding: 0 !important; font-size: 15px !important; font-weight: 700; text-transform: uppercase; text-align: center; line-height: 40px !important; background-color: #19916b !important; display: block; } #cookie-law-info-bar .cli_action_button:hover { opacity: 0.9; } #cookie-law-info-bar .cli_settings_button { width: 100% !important; height: 40px !important; margin-left: 0 !important; padding: 0 !important; font-size: 15px !important; font-weight: 700; text-transform: uppercase; text-align: center; color: #292929 !important; line-height: 40px !important; background-color: transparent !important; border: 1px solid #ddd !important; display: block; } #cookie-law-info-bar .cli_settings_button:hover { border-color: #292929 !important; } /* ---------------- FANCYBOX ---------------- */ .fancybox-content.horse_modal { width: 100%; max-width: 600px; padding: 50px 40px !important; border-left: 30px solid var(--color-sand); } .fancybox-content.horse_modal h3 { margin-bottom: 20px; font-size: 25px; font-weight: 700; color: var(--color-brown); line-height: 100%; } .fancybox-content.horse_modal h4 { margin: 20px 0 10px; font-weight: 700; } .fancybox-content.horse_modal ul { margin-left: 30px; } /* ------------------- NAVIGATION ------------------- */ #rwd_menu { width: 100%; left: 0; top: 100px; bottom: 0; background: rgba(200 200 200 / 50%); position: fixed; z-index: 100; overflow: hidden; opacity: 0; visibility: hidden; } #rwd_menu .rwd_menu_wrap { width: 300px; height: 100%; right: -100%; top: 0; background: white; position: absolute; overflow-y: auto; } #rwd_menu label { font-size: 13px; color: #38953c; display: block; } #rwd_menu select { min-width: 60px; height: 40px; color: white; background: #a3a3a3; } /* Main menu */ #rwd_menu ul.main_menu { margin-bottom: 30px; border-top: 1px solid #ddd; } #rwd_menu ul.main_menu li { list-style: none; border-bottom: 1px solid #ddd; } #rwd_menu ul.main_menu li a { padding: 15px 30px; font-size: 22px; font-weight: 700; color: #231f20; line-height: 1; display: block; position: relative; } #rwd_menu ul.main_menu li a:hover { text-decoration: underline; text-decoration-thickness: 1px; } #rwd_menu ul.main_menu li.menu-item-has-children > a:before { width: 0; height: 100%; left: 0; top: 0; background: var(--color-brown); position: absolute; content: ''; } #rwd_menu ul.main_menu li.menu-item-has-children > a:after { width: 16px; height: 16px; right: 20px; top: 20px; background: url(images/icon_arrow_down.svg) no-repeat right center; background-size: cover; position: absolute; content: ''; } #rwd_menu ul.main_menu li.menu-item-has-children.open > a:before { width: 8px; } #rwd_menu ul.main_menu li.menu-item-has-children.open > a:after { ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } #rwd_menu ul.main_menu li ul { background: var(--color-dark); display: none; } #rwd_menu ul.main_menu li ul li { border-bottom-color: rgba(255 255 255 / 20%); } #rwd_menu ul.main_menu li ul li:last-child { border-bottom: none; } #rwd_menu ul.main_menu li ul li a { left: 0 !important; padding: 20px 10px 20px 30px; font-size: 17px; color: white; line-height: 20px; opacity: 100% !important; } #rwd_menu ul.main_menu li ul li > a:after { width: 22px !important; height: 22px !important; top: 19px !important; } #rwd_menu ul.main_menu li ul li.open > a:before { display: none; } /* Footer menu */ #rwd_menu ul.footer_menu { margin-bottom: 30px; } #rwd_menu ul.footer_menu li { margin-bottom: 15px; list-style: none; } #rwd_menu ul.footer_menu li a { padding: 0 30px; font-size: 18px; color: #231f20; line-height: 20px; display: block; position: relative; } #rwd_menu ul.footer_menu li a:hover { text-decoration: underline; } /* LI animation */ #rwd_menu ul li a { left: 10px; opacity: 0%; } #rwd_menu ul > li.fly-in-out > a { left: 0; opacity: 100%; } #rwd_menu ul li.hide_in_rwd { display: none; } /* RWD menu opened */ body.rwd_menu__opened #rwd_menu { opacity: 1; visibility: visible; } body.rwd_menu__opened #rwd_menu .rwd_menu_wrap { right: 0; } /* --------------- HEADER --------------- */ /* Header top */ #header .header_top { height: 40px; font-size: 15px; line-height: 40px; background: var(--color-sand); } #header .header_top .header_top_wrap { display: flex; justify-content: space-between; } #header .header_top ul.language-chooser { display: flex; list-style: none; } #header .header_top ul.language-chooser li { height: 100%; } #header .header_top ul.language-chooser li a { width: 40px; height: 100%; font-weight: 700; text-align: center; text-transform: uppercase; color: #5f5f5f; display: inline-block; } #header .header_top ul.language-chooser li a:hover { background: white; } #header .header_top ul.language-chooser li.active a { color: white; background: var(--color-brown); } #header .header_top ul.language-chooser li.active a:hover { background: #5f5f5f; } /* Header center */ #header .header_center { height: 120px; background: white; } #header .header_center .inner { height: 100%; } #header .header_center .logo { max-width: 350px; left: 0; font-size: 30px; font-weight: 700; text-transform: uppercase; color: var(--color-dark); line-height: 1; position: absolute; } #header .header_center .right_wrap { width: calc(100% - 400px); right: 0; display: flex; justify-content: flex-end; position: absolute; } #header .header_center .button.contact { margin-left: 20px; } #header .header_center a.facebook { width: 50px; height: 50px; margin-left: 20px; background: #1877f2 url(images/icon_facebook_white.svg) no-repeat center; background-size: auto 24px; display: block; } #header .header_center a.facebook:hover { background-color: var(--color-dark); } /* Search */ #header .header_center .search { width: calc(100% - 230px); height: 50px; display: flex; } #header .header_center .search input[type=text] { width: calc(100% - 50px); height: 100%; padding-left: 10px; font-size: 17px; background: var(--color-white-sand); border: 1px solid var(--color-silver-line); border-right: none; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } #header .header_center .search input[type=text]:focus { background: white; border-color: var(--color-dark); } #header .header_center .search input[type=submit] { width: 50px; height: 50px; background: var(--color-dark) url(images/icon_search_white.svg) no-repeat center; background-size: auto 24px; cursor: pointer; } #header .header_center .search input[type=submit]:hover { background-color: var(--color-brown); } /* Header bottom */ #header .header_bottom { height: 60px; background: var(--color-white-sand); } #header .header_bottom .inner { height: 100%; } #header .header_bottom ul { display: flex; justify-content: center; position: relative; z-index: 10; list-style: none; } #header .header_bottom ul li { height: 100%; padding: 0 20px; position: relative; } #header .header_bottom ul li:after { width: 4px; height: 4px; right: -2px; top: calc(50% - 2px); background: var(--color-dark); position: absolute; content: ''; } #header .header_bottom ul li:last-child:after { display: none; } #header .header_bottom ul li a { height: 100%; font-size: 20px; font-weight: 500; color: var(--color-dark); line-height: 60px; display: block; } #header .header_bottom ul li ul { width: max-content; max-width: 300px; min-width: 170px; left: 0; top: 100%; background: var(--color-dark); display: block; position: absolute; visibility: hidden; opacity: 0; -moz-box-shadow: 0 10px 10px rgba(0 0 0 / 30%); -webkit-box-shadow: 0 10px 10px rgba(0 0 0 / 30%); box-shadow: 0 10px 10px rgba(0 0 0 / 30%); } #header .header_bottom ul li ul li { height: auto; padding: 0 !important; border-bottom: 1px solid rgba(255 255 255 / 10%); } #header .header_bottom ul li ul li:last-child { border-bottom: none; } #header .header_bottom ul li ul li:after { display: none !important; } #header .header_bottom ul li ul li a { padding: 10px 20px; font-weight: normal; text-transform: none; color: white; line-height: 20px; display: block; } #header .header_bottom ul li ul li a:hover { text-decoration: underline; text-decoration-thickness: 1px; } #header .header_bottom ul li.menu-item-has-children:hover { background: var(--color-dark); -moz-box-shadow: 0 0 10px rgba(0 0 0 / 30%); -webkit-box-shadow: 0 0 10px rgba(0 0 0 / 30%); box-shadow: 0 0 10px rgba(0 0 0 / 30%); } #header .header_bottom ul li.menu-item-has-children:hover a { color: white; } #header .header_bottom ul li.menu-item-has-children:hover ul { visibility: visible; opacity: 1; } #header .header_bottom .alt_search { width: 100%; height: 50px; display: none; } #header .header_bottom .alt_search input[type=text] { width: calc(100% - 50px); height: 100%; padding-left: 10px; font-size: 17px; background: var(--color-white-sand); border-right: none; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } #header .header_bottom .alt_search input[type=submit] { width: 50px; height: 50px; background: var(--color-dark) url(images/icon_search_white.svg) no-repeat center; background-size: auto 24px; cursor: pointer; } #header .header_bottom .alt_search input[type=submit]:hover { background-color: var(--color-brown); } /* RWD button */ #header .rwd_button { width: 60px; height: 50px; margin-left: 20px; background: var(--color-dark); position: relative; cursor: pointer; z-index: 2; } #header .rwd_button .burg { width: 30px; height: 2px; left: 15px; background: white; display: block; position: relative; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; } #header .rwd_button .burg:before, #header .rwd_button .burg:after { width: 30px; height: 2px; background: white; position: absolute; content: ''; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; } #header .rwd_button .burg:before { top: -8px; left: 0; } #header .rwd_button .burg:after { top: 8px; right: 0; } body.rwd_menu__opened #header .rwd_button .burg { background: transparent !important; } body.rwd_menu__opened #header .rwd_button .burg:before { top: 0; -webkit-transform: rotate(45deg); } body.rwd_menu__opened #header .rwd_button .burg:after { top: 0; -webkit-transform: rotate(-45deg); } /* --------------- SLIDER --------------- */ #slider { background: var(--color-white-sand); background: -moz-linear-gradient(top, var(--color-white-sand) 0%, #ffffff 100%); background: -webkit-linear-gradient(top, var(--color-white-sand) 0%, #ffffff 100%); background: linear-gradient(to bottom, var(--color-white-sand) 0%, #ffffff 100%); } #slider .slider_wrap { display: flex; flex-wrap: wrap; justify-content: space-between; } /* The slider */ #slider .slider_wrap .the_slider { width: calc(100% - 360px); position: relative; } #slider .slider_wrap .the_slider .item img { width: 100%; height: auto; display: block; } #slider .slider_wrap .the_slider ul.slick-dots { left: 30px; bottom: 30px; display: flex; position: absolute; list-style: none; } #slider .slider_wrap .the_slider ul.slick-dots li { margin-right: 10px; } #slider .slider_wrap .the_slider ul.slick-dots li button { width: 30px; height: 30px; background: rgba(255 255 255 / 80%); cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #slider .slider_wrap .the_slider ul.slick-dots li button:hover { background: white; } #slider .slider_wrap .the_slider ul.slick-dots li.slick-active button { color: white; background: var(--color-brown); } /* Banner */ #slider .slider_wrap .banner { width: 350px; background-color: #6f4839; background-repeat: no-repeat; background-position: center; background-size: cover; background-blend-mode: luminosity; position: relative; } #slider .slider_wrap .banner .cover { width: 100%; height: 100%; left: 0; top: 0; background: rgba(111 72 57 / 90%); position: absolute; } #slider .slider_wrap .banner .text { left: 40px; right: 40px; bottom: 40px; color: white; line-height: 25px; position: absolute; } /* ------------ NEWS ------------ */ .news { padding: 70px 0; } .news.events { background: var(--color-white-sand); } .news .section_title { margin-bottom: 50px; font-size: 60px; font-weight: 500; color: var(--color-dark); line-height: 1; } .news_wrap { margin-left: -15px; margin-right: -15px; display: flex; flex-wrap: wrap; } body.home .news_wrap { margin-bottom: 30px; } .news_wrap article { width: calc(33.3333333333% - 30px); top: 0; margin: 30px 15px 0; background: white; border: 1px solid var(--color-silver-line); position: relative; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .news_wrap article:hover { top: -10px; -moz-box-shadow: 0 6px 60px 0 rgb(31 31 31 / 15%); -webkit-box-shadow: 0 6px 60px 0 rgb(31 31 31 / 15%); box-shadow: 0 6px 60px 0 rgb(31 31 31 / 15%); } .news_wrap article:nth-child(-n+3) { margin-top: 0; } .news_wrap article .thumbnail { display: block; position: relative; } .news_wrap article .thumbnail img { width: 100%; height: auto; display: block; } .news_wrap article .thumbnail .datetime { width: 66px; height: 70px; right: 20px; bottom: -20px; text-align: center; color: white; background: var(--color-brown); display: flex; flex-wrap: wrap; align-content: center; position: absolute; } .news_wrap article .thumbnail .datetime .day { width: 100%; font-size: 30px; font-weight: 700; line-height: 1; } .news_wrap article .thumbnail .datetime .month { width: 100%; font-size: 14px; font-weight: 700; line-height: 16px; } .news_wrap article .entry { padding: 30px 40px 80px; position: relative; } .news_wrap article .entry h3 { margin-bottom: 10px; color: var(--color-dark); } .news_wrap article .entry h3 a { font-size: 20px; font-weight: 700; text-decoration: none !important; color: var(--color-dark) !important; line-height: 1; display: block; } .news_wrap article .entry p { margin-bottom: 0 !important; font-size: 15px !important; line-height: 25px !important; display: block; } .news_wrap article .action_button { height: 70px; left: 40px; right: 40px; bottom: 0; line-height: 70px; border-top: 1px solid var(--color-silver-line); position: absolute; } .news_wrap article .action_button a { font-weight: 700; color: var(--color-brown); } .news_wrap article .action_button a:hover { text-decoration: underline; color: var(--color-dark); } .news_wrap article .action_button a:after { width: 26px; height: 26px; right: 0; top: calc(50% - 13px); background: var(--color-brown) url(images/icon_arrow_right_white.svg) no-repeat center; background-size: auto 12px; position: absolute; content: ''; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* ----------------- DOWNLOADS ----------------- */ #downloads { color: #a1a09f; background-color: var(--color-dark); background-image: url(images/bgr_arablohu__01.webp); background-image: -webkit-image-set(url(images/bgr_arablohu__01.webp) 1x); background-image: image-set(url(images/bgr_arablohu__01.png) 1x); background-position: center; background-repeat: no-repeat; background-size: cover; } #downloads .cover { padding: 70px 0; background-color: rgba(21 17 16 / 80%); background-image: url(images/bgr_dotted_pattern.webp); background-image: -webkit-image-set(url(images/bgr_dotted_pattern.webp) 1x); background-image: image-set(url(images/bgr_dotted_pattern.png) 1x); background-position: center top; background-repeat: no-repeat; background-size: cover; } #downloads .section_title { margin-bottom: 50px; font-size: 60px; font-weight: 500; color: white; line-height: 1; } #downloads .downloads_wrap { display: flex; flex-wrap: wrap; } #downloads .downloads_wrap .part { width: 33.3333333333%; margin-top: 50px; padding-left: 50px; padding-right: 50px; padding-bottom: 50px; border-bottom: 1px solid rgba(255 255 255 / 20%); position: relative; } #downloads .downloads_wrap .part:nth-child(-n+3) { margin-top: 0; } #downloads .downloads_wrap .part:nth-child(3n+1) { padding-left: 0; } #downloads .downloads_wrap .part:after { width: 1px; height: 130px; right: 0; top: 0; background: rgba(255 255 255 / 20%); position: absolute; content: ''; } #downloads .downloads_wrap .part:nth-child(3n):after { display: none; } #downloads .downloads_wrap .part h2 { margin-bottom: 30px; font-size: 40px; color: white; line-height: 1; } /* ---------------------- BEFORE CONTENT ---------------------- */ #before_content { margin-bottom: 30px; } #before_content .inner { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--color-silver-line); } #before_content .rank-math-breadcrumb { font-weight: 700; color: var(--color-dark); } #before_content .rank-math-breadcrumb a { font-weight: normal; text-decoration: underline; color: var(--color-brown); } #before_content .rank-math-breadcrumb a:hover { color: var(--color-dark); } /* ------------------ CONTAINER ------------------ */ #container .container_wrap { display: flex; flex-wrap: wrap; } #container .container_wrap.fullwidth { display: block; } /* Content */ #content { width: calc(100% - 230px); padding: 0 80px 50px 0; line-height: 30px; } #container .container_wrap.fullwidth #content { width: 100%; padding-right: 0; } #container .container_wrap.has_left_sidebar #content { width: calc(100% - 460px); padding-left: 80px; } #content h1 { margin-bottom: 20px; padding-bottom: 20px; font-size: 50px; font-weight: 500; color: var(--color-dark); line-height: 1; } #content h2 { margin-bottom: 15px; font-size: 25px; font-weight: 500; color: var(--color-dark); line-height: 1; } #content h3 { margin-bottom: 10px; font-size: 25px; font-weight: 700; color: var(--color-brown); line-height: 1; } #content h2 span { padding-right: 10px; font-style: italic; background: #f6f4f4; } #content ul { margin-left: 30px; margin-bottom: 20px; } #content ul.num { list-style-type: decimal; } #content ol { margin-left: 30px; margin-bottom: 20px; list-style: decimal; } #content p { margin-bottom: 20px; } #content img { max-width: 100%; height: auto; } #content a { text-decoration: underline; color: #72533f; } #content a:hover { color: #000; } #content strong { color: #333; } #content blockquote { margin-bottom: 20px; padding: 20px 100px 20px 20px; font-size: 17px; font-style: italic; background: #f7f5f5 url(images/icon_quote.svg) no-repeat 96% 20px; background-size: auto 40px; border-left: 5px solid var(--color-brown); } #content blockquote p:last-child { margin-bottom: 0; } #content embed { width: 100% !important; margin-bottom: 50px; } /* Caption */ #content .wp-caption { width: fit-content; margin-bottom: 20px; } #content .wp-caption img { width: 100%; height: auto; display: block; } #content .wp-caption .wp-caption-text { margin-bottom: 0 !important; padding: 10px; font-size: 16px; font-weight: 700; line-height: 20px; background: var(--color-silver-line); } #content .caption-group { display: flex; justify-content: space-between; gap: 20px; } #content .caption-group .wp-caption { flex: 1; } /* IMG */ #content img.alignright { max-width: 50%; height: auto; } /* Caption */ #content .caption.alignright { background: #f0f0f0; border: 1px solid #ddd; } #content .caption.alignright img { display: block; } #content .caption.alignright p { margin-bottom: 0 !important; padding: 5px 10px; } #content .caption p { font-weight: 500; color: #000; } /* Video wrapper */ #content .video_wrapper { height: 0; padding-bottom: 56.25%; padding-top: 25px; position: relative; } #content .video_wrapper iframe { width: 100%; height: 100%; left: 0; top: 0; position: absolute; } /* Download */ #content a.download { margin-bottom: 10px; padding: 16px 60px 16px 180px; font-weight: 700; text-decoration: none !important; color: var(--color-dark) !important; word-break: break-all; line-height: 20px; background: #f7f5f5; display: block; position: relative; overflow: hidden; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } #content a.download:before { height: 100%; left: 0; top: 0; padding: 20px 30px 10px 70px; font-size: 13px; font-weight: 700; color: white; line-height: 14px; background: var(--color-dark) url(images/icon_download_white.svg) no-repeat 30px 15px; background-size: 24px auto; position: absolute; content: 'LETÖLTÉS'; } #content a.download:after { right: 20px; top: 50%; font-size: 13px; font-weight: 700; color: #000; line-height: 14px; position: absolute; opacity: 0.5; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #content a.download.pdf:after { content: 'PDF'; } #content a.download.xls:after { content: 'XLS'; } #content a.download.doc:after, #content a.download.docx:after { content: 'DOC'; } #content a.download + br { display: none; } #content a.download:hover { color: white !important; background: var(--color-brown); } #content a.download:hover:after { color: white; } /* Gallery chooser */ #content .gallery_chooser { margin-left: -10px !important; margin-right: -10px; font-size: 0; list-style: none; } #content .gallery_chooser .gallery_article { width: 25%; margin-top: 20px; padding-left: 10px; padding-right: 10px; vertical-align: top; display: inline-block; } #content .gallery_chooser .gallery_article:nth-child(-n+4) { margin-top: 0; } #content .gallery_chooser .gallery_article a.thumbnail { padding: 8px; background: white; border: 1px solid #ddd; display: block; position: relative; } #content .gallery_chooser .gallery_article a.thumbnail:before { height: 5px; left: 4px; right: 4px; top: -6px; background: white; border: 1px solid #ddd; border-bottom: none; position: absolute; content: ''; } #content .gallery_chooser .gallery_article a.thumbnail:after { height: 5px; left: 8px; right: 8px; top: -11px; background: white; border: 1px solid #ddd; border-bottom: none; position: absolute; content: ''; } #content .gallery_chooser .gallery_article a.thumbnail:hover, #content .gallery_chooser .gallery_article a.thumbnail:hover:before, #content .gallery_chooser .gallery_article a.thumbnail:hover:after { border-color: var(--color-brown); } #content .gallery_chooser .gallery_article a.thumbnail img { width: 100%; height: auto; display: block; } #content .gallery_chooser .gallery_article h3 { margin-bottom: 0 !important; padding-top: 10px; text-align: center; } #content .gallery_chooser .gallery_article h3 a { font-size: 18px; font-weight: 700; text-decoration: underline; color: var(--color-brown) !important; line-height: 22px; display: block; } #content .gallery_chooser .gallery_article h3 a:hover { color: #222 !important; } #content .gallery_chooser .gallery_article .count { font-size: 15px; text-align: center; } /* Single gallery */ #content ul.single_gallery { margin-left: -10px !important; margin-right: -10px; margin-top: 0 !important; font-size: 0; list-style: none; } #content ul.single_gallery li { width: 20%; margin-top: 20px; padding-left: 10px; padding-right: 10px; vertical-align: top; display: inline-block; } #content ul.single_gallery li:nth-child(-n+5) { margin-top: 0; } #content ul.single_gallery li a { padding: 8px; background: white; border: 1px solid #ddd; display: block; } #content ul.single_gallery li a:hover { border-color: var(--color-brown); } #content ul.single_gallery li img { width: 100%; height: auto; display: block; } /* Search results */ #content ul.search_results li { margin-bottom: 10px; } #content ul.search_results li:last-child { margin-bottom: 0; } #content ul.search_results li small { font-size: 12px; line-height: 16px; display: block; } /* Iframe wrapper */ #content .iframe_wrapper { height: 0; margin-bottom: 30px; padding-bottom: 56.25%; padding-top: 25px; position: relative; } #content .iframe_wrapper iframe { width: 100%; height: 100%; left: 0; top: 0; position: absolute; } /* Post parent */ #content .post_parent article { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ddd; } /* Map */ #mapdiv { height: 500px; } /* --------------------------- COMPETITION RESULTS --------------------------- */ .horse_search_wrap { margin-bottom: 30px; padding: 20px; background: var(--color-sand); border-radius: 10px; } .horse_search_wrap .horse_search_input { width: 100%; height: 50px; margin-bottom: 10px; padding-left: 10px; font-size: 17px; line-height: normal; background: #ffffff; border: 2px solid rgba(0 0 0 / 10%); outline: 2px solid transparent; outline-offset: 2px; border-radius: 5px; } .horse_search_wrap .horse_search_input:focus { outline-color: var(--color-brown); } .horse_search_wrap p.horse_search_instruction { margin-bottom: 0 !important; font-size: 16px; font-weight: 700; line-height: 20px; } .sporthorse_wrap { margin-bottom: 50px; } .sporthorse_wrap .horse_item { padding: 10px 0; border-bottom: 1px solid var(--color-silver-line); display: flex; align-items: center; } .sporthorse_wrap .horse_item .name { flex: 1; font-weight: 700; } .sporthorse_wrap .horse_item .id { width: 200px; text-align: center; } .sporthorse_wrap .horse_item .father { width: 300px; text-align: center; } .sporthorse_wrap .horse_item .action_button { width: 180px; text-align: right; } /* ----------------- STALLIONS ----------------- */ /* Filter */ .filter { margin-bottom: 20px; padding: 20px; background: var(--color-sand); } .filter form { display: flex; flex-wrap: wrap; align-items: center; } .filter form label { margin-right: 10px; font-weight: 700; color: var(--color-dark); } .filter form select { height: 40px; margin-right: 10px; padding: 0 5px; font-size: 15px; border: 1px solid #ddd; } /* Table */ table.table_stallion { width: 100%; margin-bottom: 30px; border-collapse: collapse; border-spacing: 0; table-layout: fixed; } table.table_stallion thead tr th { width: 140px; padding: 10px 0; font-size: 12px; font-weight: 700; text-transform: uppercase; color: var(--color-dark); line-height: 16px; border-bottom: 3px solid var(--color-silver-line); } table.table_stallion thead tr th:first-child { width: auto; padding: 10px; text-align: left; } table.table_stallion tbody tr:hover { background: var(--color-white-sand); } table.table_stallion tbody tr td { padding: 10px 0; font-size: 14px; text-align: center; line-height: 18px; border-bottom: 1px solid var(--color-silver-line); } table.table_stallion tbody tr td:first-child { padding: 10px; text-align: left; } /* Data */ .stallion_data_wrap { margin-bottom: 30px; display: flex; flex-wrap: wrap; } .stallion_data_wrap .data { width: 50%; padding: 5px; } .stallion_data_wrap .data:nth-child(4n+1), .stallion_data_wrap .data:nth-child(4n+2) { background-color: var(--color-sand); } /* ---------------- SIDEBAR ---------------- */ .sidebar { width: 230px; } .sidebar .widget { margin-bottom: 20px; } .sidebar .widget_title { margin-bottom: 20px; font-size: 25px; font-weight: 700; line-height: 100%; } /* News */ .sidebar .widget.widget_news article { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--color-silver-line); } .sidebar .widget.widget_news article:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .sidebar .widget.widget_news article a.thumbnail { margin-bottom: 20px; display: block; } .sidebar .widget.widget_news article a.thumbnail img { width: 100%; height: auto; display: block; } .sidebar .widget.widget_news article .entry .datetime { margin-bottom: 10px; font-size: 12px; text-transform: uppercase; line-height: 100%; } .sidebar .widget.widget_news article .entry h4 a { font-weight: 700; color: var(--color-dark); line-height: 20px; display: block; } .sidebar .widget.widget_news article .entry h4 a:hover { text-decoration: underline; } /* List parent pages */ .sidebar .widget.widget_list_pages ul { padding: 20px 0; text-align: right; border-top: 1px solid var(--color-silver-line); border-bottom: 1px solid var(--color-silver-line); list-style: none; } .sidebar .widget.widget_list_pages ul li { margin-bottom: 20px; } .sidebar .widget.widget_list_pages ul li:last-child { margin-bottom: 0; } .sidebar .widget.widget_list_pages ul li a { padding-left: 40px; font-size: 16px; font-weight: 700; color: var(--color-dark); line-height: 20px; display: block; position: relative; } .sidebar .widget.widget_list_pages ul li a:hover { text-decoration: underline; } .sidebar .widget.widget_list_pages ul li a:before { width: 30px; height: 2px; left: 0; top: 7px; background: var(--color-brown); display: none; position: absolute; content: ''; } .sidebar .widget.widget_list_pages ul li.current_page_item a { color: var(--color-brown); } .sidebar .widget.widget_list_pages ul li.current_page_item a:before { display: block; } /* -------------- VIDEO -------------- */ #video { width: 430px; margin: auto; padding-bottom: 20px; } #video #videoControl { margin-top: 10px; } #video #videoControl .counter { width: 370px; text-align: center; line-height: 40px; } #video #videoControl .counter span { font-weight: bold; } #video #videoControl .prev, #video #videoControl .next { width: 30px; } #video #videoControl .prev a, #video #videoControl .next a { width: 30px; height: 30px; color: white; text-shadow: 1px 1px #000; text-align: center; text-decoration: none !important; line-height: 28px; background: url(images/bgr_red_circle.png) no-repeat left top; display: inline-block; } #video #videoControl .prev a:hover, #video #videoControl .next a:hover { background-position: 0 -30px; } #video #leiras { margin-top: 10px; padding-top: 10px; font-style: italic; text-align: center; border-top: 1px solid #cfd4bb; } /* ------------- QTIP ------------- */ .qtip { width: auto; max-width: 300px; background-color: #272727 !important; border: none !important; } .qtip .qtip-content { color: white; line-height: 20px; } .qtip_black { width: auto; max-width: 250px; background-color: #272727; border: none !important; } .qtip_black.qtip-default { color: #fff !important; } .qtip_black .qtip-content { font-size: 12px; color: white; line-height: 20px; } /* ------------------- PAGINATION ------------------- */ .pagination { margin-top: 50px; font-size: 0; text-align: center; position: relative; } .pagination .pages { margin-bottom: 20px; font-size: 15px; font-weight: 700; color: var(--color-dark); border-bottom: 1px solid var(--color-silver-line); display: block; } .pagination a, .pagination span.current { width: 50px; height: 50px; font-size: 17px; line-height: 50px; vertical-align: top; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .pagination a { text-decoration: none !important; } .pagination a:hover { background: #f7f5f5; } .pagination span.current { color: white; background: var(--color-dark); } /* --------------------------- FACEBOOK FAN BOXES --------------------------- */ #facebook_fan_box { padding: 30px 0; background: #f7f5f5; border-top: 3px solid var(--color-brown); } /* --------------- FOOTER --------------- */ #footer { color: #a1a09f; background: var(--color-dark); } #footer a { color: #a1a09f; text-decoration: none; } #footer a:hover u { color: white; } /* Footer top */ #footer .footer_top { padding: 30px 0; } #footer .footer_top .logo { max-width: 350px; font-size: 30px; font-weight: 700; text-transform: uppercase; color: white; line-height: 1; display: inline-block; position: relative; } #footer .footer_top .button.up { width: 50px; right: 0; padding: 0; position: absolute; } #footer .footer_top .button.up svg path { fill: white; } #footer .footer_top .button.up:hover { background-color: white; } #footer .footer_top .button.up:hover svg path { fill: var(--color-dark); } /* Footer center */ #footer .footer_center .footer_center_wrap { padding-top: 30px; padding-bottom: 30px; border-top: 1px solid #2d2928; border-bottom: 1px solid #2d2928; display: flex; flex-wrap: wrap; } #footer .footer_center .footer_center_wrap .box { width: 25%; padding-left: 40px; border-left: 1px solid #2d2928; } #footer .footer_center .footer_center_wrap .box:first-child { padding-left: 0; border-left: none; } #footer .footer_center .footer_center_wrap h3 { margin-bottom: 20px; font-size: 22px; font-weight: 500; color: white; line-height: 1; } #footer .footer_center .footer_center_wrap ul { list-style: none; } #footer .footer_center .footer_center_wrap ul li { margin-bottom: 5px; } #footer .footer_center .footer_center_wrap ul li:last-child { margin-bottom: 0; } #footer .footer_center .footer_center_wrap ul li.hide_in_footer { display: none; } #footer .footer_center .footer_center_wrap ul li a { padding-left: 20px; position: relative; } #footer .footer_center .footer_center_wrap ul li a:hover { text-decoration: underline; color: white; } #footer .footer_center .footer_center_wrap ul li a:before { width: 6px; height: 6px; left: 0; top: 8px; background: var(--color-brown); position: absolute; content: ''; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #footer .footer_center .footer_center_wrap .box.logos a { width: 100%; margin-bottom: 10px; display: block; } #footer .footer_center .footer_center_wrap .box.logos a:last-child { margin-bottom: 0; } #footer .footer_center .footer_center_wrap .box.logos a img { max-width: 100px; height: auto; margin: auto; display: block; } /* Footer bottom */ #footer .footer_bottom .footer_bottom_wrap { padding: 20px 0; font-size: 14px; } /* MAILSTER */ .mailster-form { margin-bottom: 20px; } .mailster-form .mailster-form-fields { display: flex; flex-wrap: wrap; justify-content: space-between; } .mailster-form .mailster-wrapper { margin-bottom: 20px !important; } .mailster-form .mailster-wrapper.mailster-email-wrapper { width: 100%; } .mailster-form .mailster-wrapper.mailster-lastname-wrapper, .mailster-form .mailster-wrapper.mailster-firstname-wrapper, .mailster-form .mailster-wrapper.mailster-_status-wrapper { width: calc(50% - 10px); } .mailster-form .mailster-wrapper.mailster-submit-wrapper { width: 100%; } .mailster-form label { font-weight: 700; color: var(--color-dark); } .mailster-form select, .mailster-form input[type=text], .mailster-form input[type=email] { width: 100%; height: 50px; padding-left: 10px; font-size: 17px; background: var(--color-white-sand); border: 1px solid var(--color-silver-line); -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } /* ----------- RWD ----------- */ @media only screen and (max-width: 1280px) { /* DISPLAY: None */ .hide_in_1280 { display: none !important; } /* DEFAULT */ .p_l_20 { padding-left: 20px; } .p_r_20 { padding-right: 20px; } /* HEADER: Header center */ #header .header_center { height: 100px; } #header .header_center .logo { max-width: 300px; left: 20px; font-size: 26px; } #header .header_center .right_wrap { width: calc(100% - 300px); right: 20px; } /* HEADER: Header bottom */ #header .header_bottom ul { justify-content: normal; } #header .header_bottom ul li { padding: 0 10px; } #header .header_bottom ul li:after { width: 4px; height: 4px; right: -2px; top: calc(50% - 2px); background: var(--color-dark); position: absolute; content: ''; } #header .header_bottom ul li a { font-size: 20px; } /* SLIDER: Banner */ #slider .slider_wrap .banner .text { left: 20px; right: 20px; bottom: 20px; } /* NEWS */ .news_wrap { margin-left: -10px; margin-right: -10px; } .news_wrap article { width: calc(33.3333333333% - 20px); margin: 30px 10px 0; } .news_wrap article .thumbnail .datetime { right: 0; bottom: 0; } .news_wrap article .entry { padding: 20px 20px 80px; } .news_wrap article .action_button { left: 20px; right: 20px; } /* CONTENT */ #container .container_wrap.has_left_sidebar #content { width: calc(100% - 230px); padding-right: 0; } /* SIDEBAR */ #container .container_wrap.has_left_sidebar .sidebar_right { display: none; } /* FOOTER: Footer top */ #footer .footer_top .button.up { right: 20px; } } @media only screen and (max-width: 960px) { /* DISPLAY: None */ .hide_in_960 { display: none !important; } /* DISPLAY: Block */ .show_in_960 { display: block !important; } /* HEADER: Header bottom */ #header .header_bottom { height: auto; } #header .header_bottom .inner { padding-left: 0; padding-right: 0; } #header .header_bottom .alt_search { display: flex !important; } /* SLIDER: The slider */ #slider .slider_wrap .the_slider { width: 100%; } #slider .slider_wrap .the_slider ul.slick-dots { width: 100%; left: 0; justify-content: center; } #slider .slider_wrap .the_slider ul.slick-dots li { margin-left: 5px; margin-right: 5px; } /* SLIDER: Banner */ #slider .slider_wrap .banner { width: 100%; } #slider .slider_wrap .banner .cover { width: auto; height: auto; left: auto; top: auto; position: relative; } #slider .slider_wrap .banner .text { padding: 30px; left: auto; right: auto; bottom: auto; position: relative; } /* NEWS */ .news { padding: 50px 0; } .news .section_title { font-size: 50px; } /* DOWNLOADS */ #downloads .section_title { font-size: 50px; } #downloads .downloads_wrap .part { width: 50%; padding-left: 30px; padding-right: 30px; } #downloads .downloads_wrap .part:nth-child(3) { margin-top: 50px; } #downloads .downloads_wrap .part:nth-child(2n) { padding-left: 30px !important; } #downloads .downloads_wrap .part:nth-child(2n+1) { padding-left: 0 !important; } #downloads .downloads_wrap .part:nth-child(2n+1):after { display: block !important; } #downloads .downloads_wrap .part:nth-child(2n):after { display: none; } #downloads .downloads_wrap .part h2 { font-size: 30px; } /* CONTENT */ #container .container_wrap #content { width: 100%; padding-right: 0; } #container .container_wrap.has_left_sidebar #content { width: 100%; padding-left: 0; } /* CONTENT: Single gallery */ #content ul.single_gallery li { width: 25%; } #content ul.single_gallery li:nth-child(5) { margin-top: 20px; } /* STALLIONS: Table */ table.table_stallion { display: block; } table.table_stallion thead { display: none; } table.table_stallion tbody { display: block; } table.table_stallion tbody tr { margin-bottom: 20px; border: 3px solid #ddd; display: block; } table.table_stallion tbody tr td { padding: 10px; text-align: left; display: block; } table.table_stallion tbody tr td:last-child { border-bottom: none; } table.table_stallion tbody tr td::before { margin-right: 4px; font-weight: 700; display: inline-block; content: attr(data-title) ": "; } /* STALLIONS: Data */ .stallion_data_wrap .data { width: 100%; } .stallion_data_wrap .data:nth-child(4n+2) { background-color: transparent; } .stallion_data_wrap .data:nth-child(2n+1) { background-color: var(--color-sand); } /* SIDEBAR */ #container .container_wrap .sidebar_right { display: none; } #container .container_wrap.has_left_sidebar .sidebar_left { display: none; } /* COMPETITION RESULTS */ .sporthorse_wrap .horse_item { margin-bottom: 20px; padding: 10px 20px; background: var(--color-white-sand); border-bottom: none; border-radius: 10px; } .sporthorse_wrap .horse_item .name { width: 50%; padding: 10px 0; flex: none; border-bottom: 1px solid var(--color-brown); } .sporthorse_wrap .horse_item .id { width: 50%; padding: 10px 0; text-align: right; border-bottom: 1px solid var(--color-brown); } .sporthorse_wrap .horse_item .father { width: 50%; padding: 10px 0; text-align: left; } .sporthorse_wrap .horse_item .action_button { width: 50%; padding: 10px 0; } /* FOOTER: Footer center */ #footer .footer_center .footer_center_wrap .box { width: 50%; margin-top: 50px; } #footer .footer_center .footer_center_wrap .box:nth-child(-n+2) { margin-top: 0; } #footer .footer_center .footer_center_wrap .box:nth-child(3) { padding-left: 0; border-left: none; } } @media only screen and (max-width: 768px) { /* DISPLAY: None */ .hide_in_768 { display: none !important; } /* NEWS */ .news .section_title { margin-bottom: 30px; font-size: 40px; } .news_wrap article { width: calc(50% - 20px); } .news_wrap article:nth-child(3) { margin-top: 30px; } body.home .news_wrap article:nth-child(3) { display: none; } /* DOWNLOADS */ #downloads .section_title { margin-bottom: 30px; font-size: 40px; } /* CONTENT */ #content h1 { font-size: 40px; } /* CONTENT: Gallery chooser */ #content .gallery_chooser .gallery_article { width: 33.3333333333%; } #content .gallery_chooser .gallery_article:nth-child(4) { margin-top: 20px; } /* CONTENT: Single gallery */ #content ul.single_gallery li { width: 33.3333333333%; } #content ul.single_gallery li:nth-child(4) { margin-top: 20px; } /* Map */ #mapdiv { height: 400px; } } @media only screen and (max-width: 640px) { /* DISPLAY: None */ .hide_in_640 { display: none !important; } /* CONTENT */ #content a.download { margin-bottom: 10px; padding: 14px 20px 14px 80px; font-weight: 700; text-decoration: none !important; color: #222 !important; line-height: 20px; background: #f7f4ef; display: block; position: relative; overflow: hidden; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } #content a.download:before { width: 60px; padding: 0; background-position: center; content: ''; } #content a.download:after { right: auto; top: auto; display: block; position: relative; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } /* CONTENT: Gallery chooser */ #content .gallery_chooser .gallery_article { width: 50%; } #content .gallery_chooser .gallery_article:nth-child(3) { margin-top: 20px; } /* CONTENT: Single gallery */ #content ul.single_gallery li { width: 50%; } #content ul.single_gallery li:nth-child(3) { margin-top: 20px; } /* CONTENT: WP Caption */ #content .caption-group .wp-caption { flex: auto; } } @media only screen and (max-width: 480px) { /* DISPLAY: None */ .hide_in_480 { display: none !important; } /* DEFAULT */ .button.button_full_width_in_480 { width: 100%; height: auto; padding: 15px; line-height: 20px; display: block; } /* NAVIGATION */ #rwd_menu { top: 80px; } /* HEADER: Header center */ #header .header_center { height: 80px; } #header .header_center .logo { max-width: 200px; font-size: 20px; } #header .header_center .right_wrap { width: calc(100% - 200px); } /* NEWS */ .news_wrap { margin-left: 0; margin-right: 0; } .news_wrap article { width: 100%; margin: 30px 0 0; } .news_wrap article:nth-child(2) { margin-top: 30px; } body.home .news_wrap article:nth-child(3) { display: block; } /* DOWNLOADS */ #downloads .downloads_wrap .part { width: 100%; margin-top: 30px; padding-bottom: 30px; } #downloads .downloads_wrap .part:nth-child(2) { margin-top: 30px; } #downloads .downloads_wrap .part:nth-child(2n) { padding-left: 0 !important; } #downloads .downloads_wrap .part:after { display: none !important; } #downloads .downloads_wrap .part:nth-child(2n+1):after { display: none !important; } #downloads .downloads_wrap .part h2 { margin-bottom: 20px; } /* CONTENT */ #content h1 { font-size: 30px; } #content blockquote { padding: 70px 20px 20px 20px; background-position: 20px 20px; } /* CONTENT: Gallery chooser */ #content .gallery_chooser .gallery_article h3 a { font-size: 16px; line-height: 20px; } /* Map */ #mapdiv { height: 300px; } /* COMPETITION RESULTS */ .sporthorse_wrap .horse_item .name { width: 100%; padding: 10px 0 0; border-bottom: none; } .sporthorse_wrap .horse_item .id { width: 100%; padding: 0 0 10px; text-align: left; } .sporthorse_wrap .horse_item .father { width: 100%; border-bottom: 1px solid var(--color-brown); } .sporthorse_wrap .horse_item .action_button { width: 100%; text-align: left; } /* STALLIONS: Filter */ .filter form label { width: 100%; display: block; } /* FOOTER: Footer center */ #footer .footer_center .footer_center_wrap .box { width: 100%; padding-left: 0; border-left: none; } #footer .footer_center .footer_center_wrap .box:nth-child(2) { margin-top: 50px; } #footer .footer_center .footer_center_wrap ul { display: flex; flex-wrap: wrap; } #footer .footer_center .footer_center_wrap ul li { width: 50%; } } @media only screen and (max-width: 375px) { /* DISPLAY: None */ .hide_in_375 { display: none !important; } /* HEADER: Header center */ #header .header_center .logo { max-width: 160px; font-size: 18px; } #header .header_center .right_wrap { width: calc(100% - 160px); } /* CONTENT: Gallery chooser */ #content .gallery_chooser .gallery_article h3 a { font-size: 15px; } /* FOOTER: Footer center */ #footer .footer_center .footer_center_wrap ul li { width: 100%; } }