/* Theme Name: PT 2016 Version: 1.1 */ /*--------------------------------------------------- [TABLE OF CONTENTS] 1 - Import Fonts + Roboto font + PT Serif font + FontAwesome 2 - Magnific Popup library 3 - Slick carousel library & flexslider library 4 - Reset 5 - General 6 - Top bar & Navigation & Mega menu & Mobile Navigation 7 - Top Search 8 - Header 9 - Header social & slogan text 10 - Featured Slider & Penci Slider & Penci Magazine Slider 11 - Homepage title 12 - Standard style 13 - Classic style 14 - Gird style 15 - Masonry style 16 - Standard Masonry Style 17 - List style 18 - List Boxed style 1 & style 2 19 - Typography style 20 - Magazine style 21 - Post & Single post + Post Header + Slick Gallery + Post Entry + Gird post share + Post tags & share box + Post author + Post Pagination + Post related 22 - Page Under Construction 23 - Page navigation 24 - Footer + Footer Socials + Footer Footer Logo & copyright + Footer go to top 25 - Widgets 27 - Archives 28 - Breadcrumb 29 - Page Header 30 - Wordpress style of core 31 - Page 404 32 - Responsive Design /* --------------------------------------------------- [COLORS USED] Background: #ffffff (white) Color: #313131 (light black) Link: #b70b17 Accent color: #b70b17 ------------------------------------------------------ [FONTS USED] Body font: PT Serif, serif Heading font: Roboto, sans-serif Navigation font: Roboto, sans-serif -----------------------------------------------------*/ /* = Import font -----------------------------------------------------*/ /* = FontAwesome * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) -----------------------------------------------------*/ /* ----------------------------------------------------- Critical Styles ----------------------------------------------------- */ * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-box-sizing: border-box } *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0 } table { border-collapse: collapse; border-spacing: 0 } fieldset, img { border: 0 } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal } ol, ul, li { list-style: none } caption, th { text-align: left } table caption { font-size: 16px; font-weight: bold; margin: 40px 0 10px; border-top: 1px solid #CCC; padding-top: 10px; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal } q:before, q:after { content: "" } strong { font-weight: bold } em { font-style: italic } img { max-width: 100%; vertical-align: bottom; height: auto } a img { border: none } iframe { border: none } .penci-center { text-align: center } html, body { -webkit-font-smoothing: antialiased } body { font-family: "Roboto", serif; color: #313131; background-color: #FFF; font-size: 14px; overflow-x: hidden; } textarea { font-family: "Roboto Slab", serif; min-height: 100px } p { font-size: 18px; line-height: 24px } a { text-decoration: none; color: #b70b17; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; outline: none; cursor: pointer } a:hover { } h1, h2, h3, h4, h5, h6 { font-family: "Roboto Slab", sans-serif; font-style: normal; letter-spacing: 1px; font-weight: bold } h1 a { color: #313131 } .container { width: 1200px; margin: 0 auto; display: none; } body.single .container { padding: 0 50px; } body.single-sub_home .container { padding: 0; } #main { width: 100% } .container.penci_sidebar #main { width: 70.94%; padding-right: 50px; float: left } .container.penci_sidebar.left-sidebar #main { float: right; padding: 0 0 0 60px } #sidebar { width: 29.06%; float: right } #sidebar aside { margin-bottom: 60px } #sidebar aside:first-child img { margin-top: 0 } .penci_sidebar.left-sidebar #sidebar { float: left } #sidebar.penci-sticky-sidebar.is-sticky { margin-top: 75px } .admin-bar #sidebar.penci-sticky-sidebar.is-sticky { margin-top: 107px } #penci-end-sidebar-sticky { margin-top: -300px; padding-top: 300px } .clear-footer { height: 1px; clear: both; display: block; width: 100%; height: 50px } .clear-footer-0 { height: 0px; clear: both; display: block; width: 100%; height: 50px } .clearfix { clear: both; text-align: center; } .spacer { clear: both; height:40px; text-align: center; } .spacer60 { clear: both; height:60px; text-align: center; } .separador { clear: both; margin: 40px auto; } .separador img { width: 100% } /*.wrapper-boxed { margin-top: 30px }*/ h1 { font-size: 38px; line-height: 42px } h2 { font-size: 22px; line-height: 28px } h3 { font-size: 20px } h4 { font-size: 18px } h5 { font-size: 16px } h6 { font-size: 14px } .penci-top-bar .container { display: table } .penci-headline { display: block } .headline-title { height: 40px; line-height: 40px; padding: 0 15px; font-size: 12px; color: #fff; background: #b70b17; float: left; text-transform: uppercase; font-family: "Roboto", sans-serif; z-index: 10; position: relative; display: inline-block; font-weight: bold } .penci-headline-posts { margin: 0 15px 0 49px; padding-top: 10px } .penci-headline-posts .slick-prev, .penci-headline-posts .slick-next { width: 16px; height: 20px; border: none; background: none; display: inline-block; text-align: center; line-height: 20px; top: 10px; left: -54px; outline: none; cursor: pointer; position: absolute; color: #999; opacity: 0; font-size: 18px; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; padding: 0 } .penci-headline-posts .slick-next { left: -32px } .penci-headline-posts .slick-prev:hover, .penci-headline-posts .slick-next:hover { color: #fff } a.penci-topbar-post-title { color: #fff; font-size: 12px; font-family: "Roboto", sans-serif; text-decoration: none; text-transform: uppercase; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; opacity: 0; letter-spacing: 1px; display: inline-block; white-space: nowrap; line-height: 1.5; font-weight: bold } a.penci-topbar-post-title:hover { color: #b70b17 } .loaded .penci-headline-posts .slick-prev, .loaded .penci-headline-posts .slick-next, .loaded a.penci-topbar-post-title { opacity: 1 } #navigation { background: #fff; height: 60px; z-index: 9999; width: 100%; -webkit-backface-visibility: hidden; transition: box-shadow 0.3s, border-color 0.3s; -webkit-transition: box-shadow 0.3s, border-color 0.3s; -moz-transition: box-shadow 0.3s, border-color 0.3s; border-bottom: 1px solid #ECECEC } #navigation.header-layout-bottom { box-shadow: 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px transparent; -moz-box-shadow: 0px 0px 0px transparent } #navigation.header-1, #navigation.header-4 { border-top: 1px solid transparent !important } .is-sticky #navigation { box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.46); -webkit-box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.46); -moz-box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.46); border-color: transparent !important } .wrapper-boxed.enable-boxed .is-sticky #navigation { margin: 0 auto; left: 0; right: 0; width: 100%; max-width: 1230px } .slicknav_menu { display: none } #navigation .container { position: relative; display: table; text-align: center } #navigation .container .inner-top-navigation { display: inline-block; vertical-align: top } #navigation .menu { float: left } #navigation.header-4 .menu, #navigation.header-5 .menu, #navigation.header-4 #top-search, #navigation.header-5 #top-search { float: none; vertical-align: top } #navigation.header-4 #top-search, #navigation.header-5 #top-search { margin-left: 26px; display: inline-block } #navigation ul.menu > li, #navigation .menu > ul > li { display: inline-block; position: relative; float: left; margin-right: 32px } #navigation .menu > li:last-child, #navigation .menu > ul > li:last-child { margin-right: 0 } #navigation .menu li a { font-family: "Raleway", sans-serif; font-size: 12px; letter-spacing: 1.6px; color: #313131; line-height: 58px; text-transform: uppercase; display: inline-block; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; position: relative; text-decoration: none; font-weight: bold } #navigation .menu li a i { font-size: 13px; margin-right: 5px } #navigation ul.menu > li > a:before, #navigation .menu > ul > li > a:before { content: ""; position: absolute; bottom: 18px; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; left: 50%; height: 2px; width: 0; background: #b70b17 } #navigation ul.menu > li > a:hover:before, #navigation .menu > ul > li > a:hover:before, #navigation ul.menu > li:hover > a:before, #navigation .menu > ul > li:hover > a:before { left: 0; width: 100% } #navigation .menu li a:hover, #navigation .menu li:hover > a, #navigation .menu li.current-menu-item > a, #navigation .menu > li.current_page_item > a, #navigation .menu > li.current-menu-ancestor > a, #navigation .menu > li.current-menu-item > a { color: #b70b17 } #navigation .button-menu-mobile { display: none; float: left; line-height: 60px; text-align: center; color: #313131; font-size: 24px; cursor: pointer; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s } #navigation .button-menu-mobile:hover { } #navigation.header-6 { height: 47px } #navigation.header-6 .container { text-align: right } #navigation.header-6 .menu { float: left; margin-left: 40px; } #navigation.header-6 #logo { float: left; display: block; text-align: left; margin-top: -50px } #navigation.header-6 #logo img { transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s } .is-sticky #navigation.header-6 #logo { margin-top: 0 } #navigation.header-6 .menu > li > a, #navigation.header-6 ul.menu > li > a { line-height: 48px; letter-spacing: 0.05em; } #navigation.header-6 ul.menu > li > a:before, #navigation.header-6 .menu > ul > li > a:before { bottom: 14px } #navigation.header-6 .show-search { height: 47px; border-bottom: 1px solid #ECECEC; margin-right: 50px; } #navigation.header-6 #top-search { margin-left: 26px } #navigation.header-6 #top-search > a, #navigation.header-6 .show-search a.close-search { height: 48px; line-height: 46px } #navigation.header-6 .show-search #searchform input.search-input { height: 47px; padding: 2px 20px } .is-sticky #navigation.header-6 { height: 60px } .is-sticky #navigation.header-6 #logo img { padding: 8px 0; max-height: 60px } .is-sticky #navigation.header-6 .menu > li > a, .is-sticky #navigation.header-6 ul.menu > li > a { line-height: 58px } .is-sticky #navigation.header-6 ul.menu > li > a:before, .is-sticky #navigation.header-6 .menu > ul > li > a:before { bottom: 18px } .is-sticky #navigation.header-6 .show-search { height: 58px } .is-sticky #navigation.header-6 #top-search > a, .is-sticky #navigation.header-6 .show-search a.close-search { height: 28px; line-height: 28px } .is-sticky #navigation.header-6 .show-search #searchform input.search-input { height: 58px; padding: 15px 35px 15px 0 } #navigation .menu .sub-menu, #navigation .menu .children { opacity: 0; position: absolute; left: 0; z-index: 999; -webkit-transition: all 0.27s ease-in-out; -moz-transition: all 0.27s ease-in-out; -o-transition: all 0.27s ease-in-out; transition: all 0.27s ease-in-out; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); box-shadow: 0px 3px 3px rgba(190, 190, 190, 0.6); -webkit-box-shadow: 0px 3px 3px rgba(190, 190, 190, 0.6); -moz-box-shadow: 0px 3px 3px rgba(190, 190, 190, 0.6); border-top: 1px solid #ECECEC; margin-top: 0; visibility: visible } #navigation ul.menu ul a, #navigation .menu ul ul a { margin: 0 20px; padding: 12px 0; font-size: 14px; min-width: 200px; line-height: 1.4; -moz-transition: color 0.3s, background-color 0.3s; -webkit-transition: color 0.3s, background-color 0.3s; transition: color 0.3s, background-color 0.3s; border-bottom: 1px solid #E0E0E0; text-align: left; border-left: none !important; position: relative; overflow: hidden; vertical-align: top } #navigation ul.menu ul li, #navigation ul.menu ul ul li { padding-right: 0; margin-right: 0; background: #fff; float: none; position: relative; width: 100% } #navigation .menu ul.sub-menu > li:last-child > a { border-bottom: none; padding-bottom: 15px } #navigation ul.menu li:hover > ul, #navigation .menu ul li:hover > ul { visibility: visible; opacity: 1; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg) } #navigation .menu .sub-menu ul, #navigation .menu .children ul { left: 100%; top: 0 } #navigation .menu li.penci-mega-menu { position: static !important } li.penci-mega-menu > ul.sub-menu { display: none } #sidebar-nav ul { border-top: 1px solid #C00; } #sidebar-nav li.penci-mega-menu > ul.sub-menu { display: none !important } #navigation .menu li.penci-mega-menu > ul.sub-menu { width: 100%; padding: 0 !important; clear: both; display: block } .penci-megamenu { display: none } #navigation .penci-megamenu { width: 100%; display: table } #navigation .penci-megamenu .penci-mega-child-categories { width: 230px; display: table-cell; vertical-align: top; background: #ffffff; padding: 20px 0; position: relative } #navigation .penci-megamenu .penci-mega-child-categories:after { content: ""; width: 1px; height: 100%; position: absolute; top: 0; right: 0; background-color: #ECECEC } #navigation .penci-megamenu .penci-mega-child-categories a { min-width: 0; display: block; font-size: 12px; text-align: right; line-height: 1.4em; margin: 0; padding: 12px 20px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; position: relative } #navigation .penci-megamenu .penci-mega-child-categories a.cat-active { border-top-color: #ECECEC; border-bottom-color: #ECECEC; background: #fff; color: #b70b17; z-index: 10; position: relative } #navigation .penci-megamenu .penci-mega-child-categories a.cat-active:before { content: ""; width: 1px; height: 100%; position: absolute; top: 0; right: 0; background: #fff; z-index: 1; transition: none; -webkit-transition: none; -moz-transition: none } #navigation .penci-megamenu .penci-content-megamenu { display: table-cell } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts { padding: 20px 10px 15px 10px } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-row { width: 100%; display: none } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-row.row-active { display: inline-block } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-post { width: 20%; padding: 0 10px; float: left } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4 .penci-mega-post { width: 25% } #navigation .penci-megamenu .penci-mega-thumbnail { display: block; margin: 0 0 17px 0; position: relative } #navigation .penci-megamenu .penci-mega-thumbnail a { width: 100% } #navigation .penci-megamenu .penci-mega-thumbnail .mega-cat-name { font-size: 10px; background: #b70b17; line-height: 1; text-transform: uppercase; position: absolute; display: inline-block; padding: 4px 7px 3px; color: #fff; top: 0; left: 0; letter-spacing: 1px; z-index: 3; font-weight: normal } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-post a { margin: 0; padding: 0; min-width: 0; border-bottom: none; position: relative } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-thumbnail a { transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-thumbnail a:hover { opacity: 0.8 } #navigation .penci-megamenu .penci-mega-thumbnail img { width: 100%; height: auto } #navigation .penci-megamenu .post-mega-title { text-align: center; margin: 0 } #navigation .penci-megamenu .post-mega-title a { text-align: center; text-transform: none; font-weight: normal; letter-spacing: normal; font-size: 14px } #navigation .penci-megamenu .penci-mega-date { line-height: 1; font-size: 12px; color: #999; text-align: center; margin-top: 6px } #navigation ul.menu > li.megamenu { position: static } #navigation ul.menu > li.megamenu > ul.sub-menu { width: 1170px; padding: 15px 0; display: table; table-layout: fixed; background: #fff; left: 0 } #navigation ul.menu > li.megamenu > ul.sub-menu > li { min-width: 200px; max-width: 300px; display: table-cell; vertical-align: top; padding: 0 5px; margin: 0; position: relative } #navigation ul.menu > li.megamenu > ul.sub-menu > li:before { left: 0; content: ""; position: absolute; top: 15px; bottom: 15px; width: 1px; display: block; background: #E0E0E0 } #navigation ul.menu > li.megamenu > ul.sub-menu > li:first-child:before { content: none; display: none } #navigation ul.menu > li.megamenu > ul.sub-menu > li > a { margin: 0 20px; border-bottom: 1px solid #E0E0E0; display: none } #navigation ul.menu > li.megamenu > ul.sub-menu > li > ul.sub-menu { visibility: visible; opacity: 1; transform: none; -webkit-transform: none; -moz-transform: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; position: static; border: none } #navigation ul.menu > li.megamenu > ul.sub-menu > li > ul.sub-menu li, #navigation ul.menu > li.megamenu > ul.sub-menu > li > ul.sub-menu li a { display: block } #sidebar-nav { position: fixed; top: 0; height: 100%; z-index: 100000; width: 270px; overflow-y: auto; padding: 30px 20px 20px; background: #ffffff; left: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transform: translateX(-270px); -webkit-transform: translateX(-270px); -moz-transform: translateX(-270px) } .open-sidebar-nav #sidebar-nav { left: 270px } #sidebar-nav::-webkit-scrollbar { width: 6px; background: #848484 } #sidebar-nav::-webkit-scrollbar-thumb { background-color: #313131; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0 } #sidebar-nav::-webkit-scrollbar-corner { background-color: #DEDEDE } #sidebar-nav-logo { padding: 0 20px 20px; text-align: center; margin: 0 0 15px 0; position: relative } .header-social.sidebar-nav-social { margin: 0 0 43px 0; padding: 0 10px } .header-social.sidebar-nav-social .inner-header-social:before, .header-social.sidebar-nav-social .inner-header-social:after { content: none } .header-social.sidebar-nav-social a i { color: #313131 } .header-social.sidebar-nav-social a i:hover { color: #b70b17 } #sidebar-nav .menu { margin: 0; list-style: none } #sidebar-nav .menu li { display: block; border-bottom: 1px solid #DEDEDE } #sidebar-nav .menu > li:last-child, #sidebar-nav .menu ul > li:last-child { border-bottom: none } #sidebar-nav .menu li a { font-size: 14px; font-weight: normal; letter-spacing: 0; text-transform: uppercase; color: #313131; margin: 0; position: relative; padding: 12px 0 12px 0; display: block; line-height: 1.3em } #sidebar-nav .menu li.menu-item-has-children a { padding-right: 17px } #sidebar-nav .menu li a:hover { color: #b70b17 } #sidebar-nav .menu li a > i { display: none } #sidebar-nav ul.sub-menu { border-top: 1px solid #DEDEDE; display: none; padding: 10px 0 10px 12px } #sidebar-nav ul.sub-menu ul.sub-menu { border: none; padding: 5px 0 5px 12px } #sidebar-nav ul.sub-menu ul.sub-menu { padding-right: 0 } #sidebar-nav ul.sub-menu li { overflow: hidden; border: none } #sidebar-nav ul.sub-menu li a { margin: 0 0 0 0; padding: 10px 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s } #sidebar-nav .menu li a .indicator { text-decoration: none; position: absolute; top: 0; right: 0; height: 100%; z-index: 20; font-size: 17px; font-style: normal; text-align: right; padding: 11px 0 11px 5px; line-height: 1; color: #313131; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s } #sidebar-nav .menu .sub-menu li a .indicator { padding: 8px 0 8px 5px } #sidebar-nav .menu li a .indicator:hover, #sidebar-nav .menu .sub-menu li a .indicator:hover { color: #b70b17 } .fa-angle-double-up:before { content: "\f102" } #close-sidebar-nav { position: fixed; visibility: hidden; opacity: 0; text-decoration: none; top: 0; left: 0; font-size: 1.4em; color: #313131; padding: 10px; height: 100%; background: rgba(0, 0, 0, .8); right: 0; z-index: 100000; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s } .open-sidebar-nav #close-sidebar-nav { left: 270px; opacity: 1; visibility: visible } #close-sidebar-nav i { display: none; width: 24px; height: 24px; background-color: #fff; line-height: 24px; text-align: center; border-radius: 12px; font-size: 14px } .wrap-social-search { display: inline-block; vertical-align: top } #top-search { float: right; width: 20px; text-align: center } #top-search.shoping-cart-icon { margin-right: 15px } #top-search.shoping-cart-icon.clear-right, #navigation.header-4 #top-search.shoping-cart-icon, #navigation.header-5 #top-search.shoping-cart-icon, #navigation.header-6 #top-search.shoping-cart-icon { margin-right: 0 } #top-search > a { height: 58px; font-size: 16px; line-height: 58px; color: #313131; cursor: pointer; background: none; display: block; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear } #top-search > a:hover { } #top-search > a > i { width: 20px } #top-search.shoping-cart-icon > a { position: relative } #top-search.shoping-cart-icon > a > i { font-size: 17px } #top-search.shoping-cart-icon > a > span { position: absolute; z-index: 1; width: 14px; height: 14px; display: inline-block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; top: 12px; right: -4px; background: #b70b17; color: #fff; text-align: center; white-space: nowrap; line-height: 14px; font-size: 8px; font-family: "Roboto Slab", serif; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s } #navigation.header-6 #top-search.shoping-cart-icon > a > span { top: 23px } .is-sticky #navigation.header-6 #top-search.shoping-cart-icon > a > span { top: 12px } #top-search .fa-shopping-bag:before { content: "\f07a"; font-family: FontAwesome } .show-search { position: absolute; right: 0; width: 100%; top: 0; height: 58px; background: #fff; text-align: left; z-index: 3; display: none } .show-search #searchform input.search-input { padding: 15px 35px 15px 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; border: none; position: absolute; top: 0; left: 0; width: 100%; z-index: 3; color: #313131; height: 58px; line-height: 28px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: none; font-weight: normal; letter-spacing: 1px; font-size: 13px } .show-search a.close-search { position: absolute; width: 20px; height: 60px; display: inline-block; right: 0; top: 0; z-index: 5; text-align: center; line-height: 60px; font-size: 16px; cursor: pointer; color: #313131 } #comunidade_container_topo { width: 100%; height: 30px; background: #000; position: relative; z-index: 999; } #comunidade_container_topo #comunidade_topo { width: 100%; max-width: 1000px; margin: 0;} #header { margin-bottom: 30px; position: relative } .header-header-1.has-bottom-line, .header-header-4.has-bottom-line { border-bottom: 1px solid #ECECEC } #header .inner-header { width: 100%; background-size: cover; position: relative; background-position: center center; background-repeat: no-repeat } #header .inner-header .container { padding: 60px 0; text-align: center; position: relative; overflow: hidden } #logo { text-align: center } .container.align-left-logo #logo { text-align: left } .container.has-banner #logo { display: table-cell; vertical-align: middle; width: 400px } .container.has-banner .header-banner { display: table-cell; vertical-align: middle; width: 770px; text-align: right } .header-slogan { margin: 17px 0 0 0; text-align: center; line-height: 1 } .header-slogan .header-slogan-text { margin: 0; font-size: 14px; font-weight: bold; line-height: 1.5; font-style: italic; color: #313131; display: inline-block; position: relative; font-family: "Roboto Slab", serif; padding: 0 15px; letter-spacing: 1px; vertical-align: top } .header-slogan .header-slogan-text:before, .header-slogan .header-slogan-text:after { content: ""; position: absolute; top: 50%; height: 1px; display: block; width: 60px; background: #313131; left: 100% } .header-slogan .header-slogan-text:before { left: auto; right: 100% } .header-social { display: block; text-align: center; margin: 20px 0 0 } .header-social .inner-header-social { display: inline-block; vertical-align: top; position: relative } .header-social a { float: left; display: inline-block; vertical-align: top; margin-right: 13px } .header-social a:last-child { margin-right: 0 } .header-social a i { font-size: 22px; color: #313131; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear } .header-social a:hover i { color: #b70b17 } .featured-area { margin-bottom: 0; position: relative } .header-style-header-1 .featured-area, .header-style-header-4 .featured-area, .header-style-header-1 .featured-area.featured-video, .header-style-header-4 .featured-area.featured-video { margin-top: -60px } .featured-area.loaded-wait > div { visibility: visible } .featured-area.style-1, .featured-area.style-4 { width: 1170px; margin-left: auto; margin-right: auto } .featured-area.style-4, .featured-area.style-5 { min-height: 550px } .featured-area.style-4.loaded, .featured-area.style-5.loaded { min-height: 0 !important } .featured-area.loaded-wait { background: none } .featured-area.magazine-slider { margin-top: 40px; max-height: 440px; position: relative; overflow: hidden; width: 1200px; margin-left: auto; margin-right: auto } .penci-magazine-slider.penci-loading { min-height: 486px; } .penci-magazine-slider.sub-home { padding-top: 10px; } .penci-magazine-slider { margin: 0; padding: 0; position: relative } .penci-magazine-slider ul.mag-wrap { list-style: none; margin: 0; display: inline-block; width: 100%; vertical-align: top; bottom: 0; left: 0 } .penci-magazine-slider ul.mag-wrap li { overflow: hidden; display: inline-block; float: left; position: relative; width: 100% } .penci-magazine-slider ul.mag-wrap li iframe { width: 100%; height: 440px } .penci-magazine-slider ul.mag-wrap li.mag-item-2, .penci-magazine-slider ul.mag-wrap li.mag-item-3 { display: none; } .penci-magazine-slider ul.mag-wrap li.mag-item-1 { width: 780px; border-right: 0; background-color: #333333 } .penci-magazine-slider ul.mag-wrap li.mag-item-1 .mag-img { min-height: 440px; position: relative; } .penci-magazine-slider ul.mag-wrap li.mag-item-1 .mag-img img.nolazy { width: 100%; } .penci-magazine-slider ul.mag-wrap li.mag-item-1 .mag-img #banner_destaque_principal { max-width: 100%; height: auto; position: absolute; top: 0; left: 0; border-bottom: 2px solid #333; } .penci-magazine-slider ul.mag-wrap li.mag-item-2 { float: right; margin-left: 0; width: 339px } .penci-magazine-slider ul.mag-wrap li.mag-item-2 .penci-border-arrow:after { content: none } .penci-magazine-slider ul.mag-wrap li.mag-item-2 ul.side-newsfeed { border-top: 1px solid #DEDEDE; margin-top: 0; height: auto; -moz-transition: height 1s ease; -webkit-transition: height 1s ease; -o-transition: height 1s ease; transition: height 1s ease; position: relative } .penci-magazine-slider ul.mag-wrap li.mag-item-2 ul.side-newsfeed li { -moz-transition: height 1s ease; -webkit-transition: height 1s ease; -o-transition: height 1s ease; transition: height 1s ease; margin: 0; padding: 0 } .penci-magazine-slider ul.mag-wrap li.mag-item-2 ul.side-newsfeed li .side-item { position: relative; top: 50%; transform: translateY(-50%) } .penci-magazine-slider ul.mag-wrap li.mag-item-3 { float: right; width: 339px } .penci-magazine-slider ul.mag-wrap li.mag-item-3 aside { text-align: center; } .penci-magazine-slider .mag-meta { position: relative; padding-top: 10px; width: 100%; z-index: 5; left: 0; bottom: 0 } .penci-magazine-slider ul.mag-wrap li.mag-item-2 .mag-meta, .penci-magazine-slider ul.mag-wrap li.mag-item-3 .mag-meta { padding-top: 0; margin-bottom: 20px; } body.tag .featured-area { margin-bottom: 40px; margin-top: -40px; padding:0 ;} body.single-sub_home .penci-magazine-slider ul.mag-wrap li.mag-item-1, body.tag .penci-magazine-slider ul.mag-wrap li.mag-item-1, body.single-sub_home .penci-magazine-slider ul.mag-wrap li.mag-item-1 img, body.tag .penci-magazine-slider ul.mag-wrap li.mag-item-1 img { width: 818px; height: auto; } body.single-sub_home .penci-magazine-slider ul.mag-wrap li.mag-item-2, body.tag .penci-magazine-slider ul.mag-wrap li.mag-item-2, body.single-sub_home .penci-magazine-slider ul.mag-wrap li.mag-item-3, body.tag .penci-magazine-slider ul.mag-wrap li.mag-item-3 { width: 327px; } body.single-sub_home .penci-magazine-slider ul.mag-wrap li.mag-item-2 .mag-meta, body.tag .penci-magazine-slider ul.mag-wrap li.mag-item-2 .mag-meta, body.single-sub_home .penci-magazine-slider ul.mag-wrap li.mag-item-3 .mag-meta, body.tag .penci-magazine-slider ul.mag-wrap li.mag-item-3 .mag-meta { position: absolute; background-color: rgba(0,0,0,0.7); bottom: -20px; } body.single-sub_home .penci-magazine-slider ul.mag-wrap li.mag-item-2 .mag-meta h3, body.tag .penci-magazine-slider ul.mag-wrap li.mag-item-2 .mag-meta h3, body.single-sub_home .penci-magazine-slider ul.mag-wrap li.mag-item-3 .mag-meta h3, body.tag .penci-magazine-slider ul.mag-wrap li.mag-item-3 .mag-meta h3 { padding: 0 5px 5px; line-height: 20px; } body.single-sub_home .penci-magazine-slider .mag-item-1 .mag-meta, body.tag .penci-magazine-slider .mag-item-1 .mag-meta { position: absolute; background-color: rgba(0,0,0,0.7) } #bg_subhome { position: fixed; width: 100%; height: 100%; top: 0; z-index: -1; } #gaypride { background: #FFFFFF url('assets/images/dia-do-orgulho-gay.gif') repeat-x scroll center center; height: 26px; width: 100%; margin: -30px 0 30px 0; } .penci-magazine-slider .mag-item-1 .mag-meta { padding: 9px 15px; color: #FFFFFF; display: table-cell; vertical-align: middle } .penci-magazine-slider .mag-cat { margin-bottom: 4px; text-transform: uppercase; font-size: 12px; position: absolute; top: 0; left: 0; background-color: #b70b17; padding: 3px 7px } .penci-magazine-slider .mag-cat a { font-size: 12px; color: #FFFFFF; font-weight: bold; font-family: "Raleway", sans-serif } .penci-magazine-slider .mag-cat a:after { border-color: #b70b17 } .penci-magazine-slider .mag-cat a:hover { text-decoration: none; color: #000000 } .penci-magazine-slider .mag-item-2 .mag-meta h3 { line-height:20px; } .penci-magazine-slider .mag-meta h3 a { color: #FFFFFF; font-size: 16px; letter-spacing: 0; line-height: 18px; } .penci-magazine-slider .mag-item-1 .mag-meta h3 a { font-size: 24px; color: #FFFFFF } .penci-magazine-slider .mag-meta-child { margin-top: 6px } .penci-magazine-slider .mag-item-1 .mag-meta-child { margin-top: 0 } .penci-magazine-slider .mag-meta-child span { color: #FFFFFF; font-size: 12px } .penci-magazine-slider .mag-item-1 .mag-meta-child span { font-size: 14px; line-height: 20px } .penci-magazine-slider .mag-meta-child span:after { content: ""; display: inline-block; margin: 0 7px 0 10px; width: 0; height: 8px; border-left: 1px solid #fff; opacity: 0.5 } .penci-magazine-slider .mag-item-1 .mag-meta-child span:after { margin: 0 11px 0 15px; height: 10px } .penci-magazine-slider .mag-meta-child span:last-child:after { content: none; display: none } .penci-magazine-slider .penci-direction-nav a { position: absolute; width: 36px; height: 36px; display: inline-block; top: 50%; margin-top: -18px; font-size: 20px; cursor: pointer; outline: none; opacity: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; text-align: center; line-height: 36px; background: #fff; z-index: 12; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; color: #313131; border: none } .penci-magazine-slider .penci-direction-nav a.penci-prev { left: 30px } .penci-magazine-slider .penci-direction-nav a.penci-next { right: 30px } .penci-magazine-slider:hover .penci-direction-nav a { opacity: 1 } .penci-magazine-slider .penci-direction-nav a:hover { background: #b70b17; color: #fff } .penci-magazine-slider .penci-direction-nav a:before { content: none; display: none } .penci-magazine-slider ul.mag-wrap li:hover .mag-overlay { opacity: 0.8 } .penci-carousel { border:1px dashed #CCC; opacity: 0; } .penci-carousel.loaded { background: none; border:none;; opacity: 1; } .penci-magazine-slider.penci-loading, .penci-magazine-slider ul.mag-wrap li.mag-item-1 .mag-img, .penci-carousel { background: #FFFFFF url("data:image/gif;base64,R0lGODlhPAAUAKIHAPzOzMwyNMxmZMyanMxmnMwCNPz+/P///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAwAHACwAAAAAPAAUAAADJWi63P4wykmrvTjrzbv/YCiOZGmeaKpaALC+cCzPdG3feK7vUAIAIfkECQMABwAsAAAAADwAFAAAAzNoutz+MMpJq7046827/2AojmRpgsNwhsAQBAOwfkJRCPMHvHLe9T2fcEgsGo/IpHIpSgAAIfkECQMABwAsAAAAADwAFAAAAz9outz+MMpJq7046827/2AoagAwnosgoCMwFMVgsl4A30VA17i+e7ifB4CbCTUDQUkwOG6MBqhzSq1ar9jsKAEAIfkECQMABwAsAAAAADwAFAAAA01outz+MMpJq7046827/2A0DGH5BIGpKkNRkKsHjELgBsIIxBpgu8DbjpfxBYVEzu+W7CwLqebmWJD2CgIAQFAYWi1aRvhLLpvP6HQjAQAh+QQJAwAHACwAAAAAPAAUAAADV2i63P4wykmrvThrDcD+myCA5BUEZSoNRTGocBO0aFwSwtzutEDYGx2PVwNmAMJhwGPkJGnMpoYwdEk/guroqtmdaNxjIfAysAphzODHAAii6bh8TpcmAAAh+QQJAwAHACwAAAAAPAAUAAADWmi63P4wykmrvREAzPsTgid2QFFsY0oJZqi+T2mecK0N7CwMWi3ms6DQ5cMAhUFiERNABgNLUdMJjYqcBatIhkRpMQPs4MsJt4Bj8oUlQAHY6rV38Y7b7/hLAgAh+QQJAwAHACwAAAAAPAAUAAADZ2i63P4wyrkAoDhrJsT+oAMUxRWeG0ESaIsFZODO0ECSAz1bAyHAt4CAMLDoPoKbcqn0HDVJptT51Nikylz1c8Vqt1wvONRdfsdQLBWdATJlbM1NYIkW4plR4DyAmfASA2cMgoCGVQkAIfkECQMABwAsAAAAADwAFAAAA2toutz+MMq5xqA4axbC/qADFAUQnp9ACmhLjWTpzo8aszQKAJYQxMBCQGDZ5TS/oBLoOSKXy6ZTY4OupqDqEodNQbndjRYIDmeSSqkZA4OuNe2ABW16UwYkAsN2sU8EAnUMAHJ+E4IPiIYKCQAh+QQJAwAHACwAAAAAPAAUAAADbmi6C8AwykkrFcLqzWcpXShSwzeMKBp8Qepy5Vecbz2tcmu/zoDhshxm4Nh1YsGkcmY8Lp/MZgcAhAYe0hAVWrhmR9ul9zuqBnVkETctAnCx7A2ygAnS4hoBCxu+4ysBAX4KBHR/FgACcBCJhxIJACH5BAkDAAcALAAAAAA8ABQAAANwaLoLwDDKSSsVwurNZyldKFLDN4woGnxB6nLlV5xvPa1ya7/OgOGyHGbg2HViwaRyZjwun8xmBwCEBh6VorRRVV63I+rzCx51c2UUFJQOAdbY9gZZCFRpco2ARRvgMnkaK4AMezqBFAACcRCKjIgKCQAh+QQJAwAHACwAAAAAPAAUAAADfGi6C8AwykkrFcLqzWcpXShSwzeMKBp8Qepy5Vecbz2tcmu/zoDhshxm4Nh1YsGkckYpGhfIpZImGQQC1CcAKC0EHs0P+KnYdr3jyfZLZpiXbAs43eYGdW3UOY8CnOl8GlEYQVmBGgIscziGhxVXjQQFGY4aAAKAZZSVEgkAIfkECQMABwAsAAAAADwAFAAAA4Routz+MMq5xqA4axbC/qAzFMUVnltAemg7jWTpzo8asxkA0Iw+EAJb7CYgDHQRgYDHGTqfBZwDQNoxFULoUMoQPJfXrJbb8MbAV4PYSXYM001ou0HtFKzw9YpiUfThBlokgCBUgniEGDAkSkMmiRhmAlYAkpAZQYgKAAFolxKPD6GfDAkAIfkECQMABwAsAAAAADwAFAAAA4Routz+MMq5AKA4aybE/qADFMUVnptAemhLBWTwWS42kOSQsjVjDYMODBfoAGmQUanHwTmfTl4FqCoIjkxDFQqVLrZPrwvMtUbI5qwCHZ2AxUx2WvJWN7nwBiywty+GXS86BgMyfgZlBYaHG0pWFoCMHzcBgwqFS5IZBHAAV5oZJkmgEQkAIfkECQMABwAsAAAAADwAFAAAA5Boutz+MMpJq71xDMz7C4EndkBRAJw2YoIpcOBqleZ5DeYmPwCgtTWBpjcJmEI7BsBYazoLAdTCJ2A2A0KpbPl8Rh3AbuGVNHDFUG0j7CSXFVYnMsJ2vRtiCq2pfu+dfQ44Tjp3BoNPhRBAAoyGCmEgQUUCUgBVjwZGAToDmxOKCqFlY2qXBZkkgQpEqa6vDAkAIfkECQMABwAsAAAAADwAFAAAA4Noutz+MMpJq704az0G95sWBCIZYkBRAKjKnpagCphc0PAEDKo6vJJdr/DLNQCCwHBZCAiABqSS2XNCTzzqEMTIan3GhZfKbYyZ5fC5lzZr2+Hp0CSRV8MPLUWPZ6SoV0dagUZZAR1TcGIqhwOJfWKHXZIRjmWWkAqEUUEQm5mgoaIXCQAh+QQJAwAHACwAAAAAPAAUAAADjGi63P4wykmrvbiOkbtnQfB1WwYUBTBiYSagwmoNKGedaCpTASpKAMDmlRNsgjuFUNDL+YyqBaDprOYCURnRCnNMuVVsUrGtxh5fcEE8JlvPEWq4zcA5sxEwnUGr2iJ2VXhtRAKFE31Wf3QBAlEATBNbIUV7CouXEz0BNgOblh8FjnUvoB1IaIOmqxYJACH5BAkDAAcALAAAAAA8ABQAAAOCaLrc/jDKSScANestxP6gAxQFFp4c6aHa9QVkwGrdNpDkMFNjGV2DQQeGC3SCrp0BEBSokA4nbkrFrXbS6pWRrVK3WG2k6y2Ald1zg/xVRqfqdTm+gwXsFLbK7QjoDAMyE0RifCxlBYKGIT1mF4SLJzd+DIE+kR8EagACf5gtEiYsCQAh+QQJAwAHACwAAAAAPAAUAAADfWi63P4wyknnGDXrHcL+oDMUBRaeHOmhrEWSZjsBQPqusiQIET0QgsBrWAgICANabgEg1SBConSIkwmkvEd0Sqzmrq8slEtdNoaU7dS7bHYKT4m6bGZcFPfJ/FZnkQt9J01kcYEaI2FgMIYfYAJPAI6MG0GFCgBGk4cSMSgJACH5BAkDAAcALAAAAAA8ABQAAAN8aLrc/gYASKu9UAjMuy+FJ47OAA5kKgZgoL6XCRYobDvs7N6qNGi5mU4zkPAWRohMyGzSjoZBIFB7LJ3NKg8AmlAAQWwh4IWCyRaweFw2K9oQtRMNTYWFuzpprSdxxXB9MUIaQlqCFwItXnKHiBVTjgQFG48XAAKBb5UvCQAh+QQJAwAHACwAAAAAPAAUAAADcWi63P4GAEirvVAIzLsvhSeOzgAOZCoGYKC+lwkWKGw77OzeqjRouZlOM5DwODKhckk7IpnQpjMyqQCC0UCVYpwqrtGC1isCM8fkFXSX/kTbHkB4C7ckxdha3SJo1QY5G3sWLIIMfWyDDwACdAyMjiMJACH5BAkDAAcALAAAAAA8ABQAAAN7aLrc/gYASKu9UAjMuy+FJ47OAA5kKgZgoL6XCRYobDvs7N6qNGi5mU4zkPA4MqFySaMYj4okc1l7DAKB6hEQnBYCEycoDI10l2ALN11WcKfsSpjcPuvaKW8ILwLo6XwxQhpCWoEWAi1zOYaHFFiNBAUbjmoCgAsAlC8JACH5BAkDAAcALAAAAAA8ABQAAAN/aLrc/jDKSecYNesdwv6gAxQFEJ6fQApoS41k6c6PGrMaYNKLfgmBmLAQEFx0EQGOpwgOn0IPBLZjGpzQodRhEy553Wzhy/VaF+En+SE8M9K3FzFYPcNXlItC775mt305YgWBHzBEF1h1hRYkBG8kGIwVSosGAAGSkxOWDJ0fCQAh+QQJAwAHACwAAAAAPAAUAAADhmi63P4wykknADXrLcT+oAMUBRaeG0ESaFsFZPBdbjWQ5MB5tQgMBAEMFxAQBrTIqNRjCHDQKJTH+A2eBcEA2TRgpVKqE5ztGm5knA7yxYmbaPI60n5349E5fWpm4KF6EDABg30LbXwTAWsDMoYGQ1KOjx9uF1+UMwWLfjAmmTaBC1ugpRoJACH5BAkDAAcALAAAAAA8ABQAAAOFaLrc/jDKSau9uAKQu2eC8I0YUBQcNgzkJZwiFgStdp5pNZxs/WyD100w2FACJ5oPdGs6YQ1AEOkMEHMt4bMZa2i3XR91W1A+vtwlY1ydoAthtYFMMTmxavsT79g5e3IGfk+AEEIhUIGCQ1qFD1YpAAJmci8CkZYTjoKKBpcOkp2io6QXCQAh+QQJAwAHACwAAAAAPAAUAAADh2i63P4wykmrvTjrvQHQw8BpgqAFwZihGVAUn1oNr3gJrylTwZtWANqrMIjtFgRBb8gMCAgNgJJJLTiNsmXV9xBuh7YjQEsNYBnebfhoGFfNkjRzzTYQqvQHmVtn4Kg6El99DEMofBEuW2diVjZCE0IBIUt5OwNQDFKMaJOdloQWnG2hpaamCQAh+QQJAwAHACwAAAAAPAAUAAADhmi63P4wykmrvTjjMbT/RhCApAUUBVBaXCagwlqJ2ImmsjSgnQQAnNdNwPnlDMCBIIAKEAcqBoB5q1oLgWhpem1qF9xuNXsMj79Sqph8VKixlPe4zXiPKGI640qxXdE5JwI/L4ANO109dEZghgxCWGoxeh5MAT0DlpQeBYNSL5sZjA6joW0JACH5BAkDAAcALAAAAAA8ABQAAAOEaLrc/jDKSatlANzNpRBdKAJFoYmoJZRg6kpBGbxVtg1lOdDTJ2WDwSeWC3yCNp4BgCsMTo5VbkrNtWjE6ewhrVavvGxhC+l6WUrGlGL+phekHDTStr4Xwoxg1zuD03NzEGJTf3cXZ2OHHXEFAhlZixw4AXwKAzGCkhIEhkt7mxaaGAwJACH5BAkDAAcALAAAAAA8ABQAAAN0aLrc/jDKSatlY9zNZQhdKA5FoYmoFZRg6kZkab50s8ptHQLAQAg3GU5AGPB0ioxHyGwWcrTexxgJOoXQmqAkmFiv2RrgA6B8mWGxomwGI1Nn1ht1Lc139QL7folxtzInfBaAAmwAhYMXQHsLY12KFYIPkwkAIfkECQMABwAsAAAAADwAFAAAA3Boutz+MDIApL34CpG7x0XxjeQyhEOpdkEYrLB0hkUa30xLv3hJDRsdbbcZUHqY2XDJrCGTzajzeZQAhNJA5dm5Sgta7sfbDIs/2CHv7PmyPYDv9n1RFjZDG90icG3JensRAQGBCgR3glYCcw0AHAsJACH5BAkDAAcALAAAAAA8ABQAAANuaLrc/jAyAKS9+AqRu8dF8Y3kMoRDqXZBGKywdIZFGt9MS794SQ0bHW23GVB6mNlwyawhk82o84kBCKWBCjVjlRayW0+3CQ57rkOeueNddwBerdui/F5tc4nAZRvoOHkSLYAMe2qBDgACcg2KcgkAIfkECQMABwAsAAAAADwAFAAAA29outz+MDIApL34CpG7x0XxjeQyhEOpdkEYrLB0hkUa30xLv3hJDRsdbbcZUHqY2XDJrCGTzajziQEIpYEKNWOVFrJbT7cJDnuuQ5654113AF6t26IsbIa2uUTg0o7zehABAYAKBHaBEQACcg2LDAkAIfkECQMABwAsAAAAADwAFAAAA2loutz+MMpJq2Vj3M1lCF0oAkUBiOgllELqSmRpvnSzym09ApkQyMBCQJABnHSVX3AJBCEtSmbQ+bTcpKwq58rMaTdcoPerko7JSSkVTYlJ2RZ3IBM9wiWDEoFx09wlAgJ2CwBzfzCICwkAIfkECQMABwAsAAAAADwAFAAAA2doutz+MMpJq2UA3M2lEF0oAkWhiahFlETqTkEZvLQzlOVQu9lACDFcQEAYZHYbAW7JXIKQFmVz+oRabtOlzrrBZrfc7jfc8TLB5Gi2mq4Em7O2BSfISAvyCimAHsROeREDaAyDgTUJACH5BAkDAAcALAAAAAA8ABQAAANbaLrc/jDKSau9OGMAtP+GIICkBRRFV66QgI5svJxoKq/c4NbCwN2aXW1IhAEtQuLQeLQElMNAU/OESqcaaAGroSlVXMtAOwhfxi9h2VxxCVQAN7sNnjHn+DwjAQAh+QQJAwAHACwAAAAAPAAUAAADV2i63P4wykmrvTjrzTcAXXgJgmhOQXCuzlAUAysbwavOHSHUb28LBFyG5/PdhBcAsRgAITHKYqH51BCksWpGIC1pMb2U7ZucZl0FsmUQZAAETrV8Tj8lAAAh+QQJAwAHACwAAAAAPAAUAAADTGi63P4wykmrvTjrzbv/YAgOg2g2QXCuQ1GUqweQQuAGAgnEGmC7wNuOl/EFhUTO75bsLAuq5uZYkPYKAgBAUBhaLVpG+Esum89oSAIAIfkECQMABwAsAAAAADwAFAAAAz9outz+MMpJq7046827/2AojuQCAGUpCKkIDEUxoG0XxHgR1Ha+850csAPI0YaZgeAkGCA1R0P0Sa1ar9jsJwEAIfkECQMABwAsAAAAADwAFAAAAzRoutz+MMpJq7046827/2AojmRpnqgxDOkHDEEwAG0nFIVQd0BM75vfD0gsGo/IpHLJnCQAACH5BAkDAAcALAAAAAA8ABQAAAMlaLrc/jDKSau9OOvNu/9gKI5kaZ5oqq4bALBwLM90bd94ru9LAgA7") no-repeat scroll center center; } .penci-magazine-slider.penci-loading { background-position: center right 140px; } /* Widget Topo */ .widget ul.side-newsfeed li .side-item .side-item-text h4 a {margin-bottom: 6px;color: #313131;display: block;font-size: 14px;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;font-family: "Roboto", sans-serif;letter-spacing: 0;line-height: 1.2;font-weight: normal;padding-left: 10px;} .widget ul.side-newsfeed li .side-item .side-item-text h4 a span {color: #999999;float: left;font-size: 14px;font-style: italic;margin: 0 10px;} .widget ul.side-newsfeed li .side-item .side-item-text h4 a strong {display: block;font-size: 14px;font-weight: normal;overflow: hidden;} .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta b { color:#b70b17; font-size: 12px; } /* = Topbar Menu -----------------------------------------------------*/ ul.penci-topbar-menu, div.penci-topbar-menu > ul {display: inline-block;vertical-align: top;padding: 0;margin: 0;max-width: 100%;} ul.penci-topbar-menu li, div.penci-topbar-menu > ul li { position: relative; } ul.penci-topbar-menu > li, div.penci-topbar-menu > ul > li {display: inline-block;float: left;margin-right: 15px;} ul.penci-topbar-menu > li:last-child, div.penci-topbar-menu > ul > li:last-child { margin-right: 0; } ul.penci-topbar-menu > li a, div.penci-topbar-menu > ul > li a {color: #fff;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;background: none;font-size: 12px;text-transform: uppercase;line-height: 50px;font-family: 'Raleway', sans-serif;font-weight: bold;letter-spacing: 1px;} ul.penci-topbar-menu > li a:hover, div.penci-topbar-menu > ul > li a:hover { color: #b70b17; } ul.penci-topbar-menu ul.sub-menu, div.penci-topbar-menu > ul ul.sub-menu {display: none;position: absolute;left: -15px;top: 40px;background: #313131;box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);} ul.penci-topbar-menu li:hover > ul.sub-menu, div.penci-topbar-menu > ul li:hover > ul.sub-menu { display: block; z-index: 9999; } ul.penci-topbar-menu li:hover ul.sub-menu ul.sub-menu, div.penci-topbar-menu > ul li:hover ul.sub-menu ul.sub-menu { left: 100%; top: 0; } ul.penci-topbar-menu ul.sub-menu li a, div.penci-topbar-menu > ul ul.sub-menu li a {width: 260px;padding: 10px 15px;margin: 0;line-height: 1.7;display: block;} ul.penci-topbar-menu ul.sub-menu li a, div.penci-topbar-menu > ul ul.sub-menu li a, ul.penci-topbar-menu > li > ul.sub-menu > li:first-child, div.penci-topbar-menu > ul > li > ul.sub-menu > li:first-child { border-top: 1px solid #414141; } ul.penci-topbar-menu ul.sub-menu > li:first-child > a, div.penci-topbar-menu > ul ul.sub-menu li:first-child > a { border-top: none; } /*ul.penci-topbar-menu li.comunidade_menu { display: none; }*/ #banner_subhome { background:#FFFFFF url() no-repeat scroll center center; margin-bottom:20px; background-size:cover; } #banner-home { margin-bottom:1em; } #banner-home img { width: 100% } /* = Homepage Popular Posts -----------------------------------------------------*/ .penci-home-popular-posts { padding: 40px 0; position: relative; } body.single-sub_home .container.penci-home-popular-posts { margin-top: 25px; } .home-pupular-posts-title { color: #313131; margin-bottom: 15px; font-family: 'Roboto', sans-serif; font-weight: bold; letter-spacing: 1px; position: relative; text-align: center; line-height: 1.3; background: #fff; } .home-pupular-posts-title:after { border-bottom: 1; content: " "; border-bottom: 1px solid #b70b17; width: 50px; margin: 0 auto; display: block; } .home-pupular-posts-title span { font-family: 'Raleway',sans-serif; position: relative; display: block; text-transform: uppercase; padding: 0; z-index: 3; padding-bottom: 2px; text-align: center; font-weight: bold; font-size: 14px; color: #b70b17; } .home-pupular-posts-title small { font-weight: normal; margin-bottom: 6px; } .penci-home-popular-post .fluid-width-video-wrapper, .penci-home-popular-post .fb-video { margin-bottom: 13px; height: 180px; } /* Notas do PT */ #notas_do_pt:after { background-color: #CC0000; content: ''; display: block; height: 10px; margin-top: 40px; } #notas_do_pt .penci-home-popular-post { display: grid; grid-gap: 20px; grid-template-columns: repeat(auto-fill, minmax(175px, 1fr)); margin-top: 40px; } #notas_do_pt .item-related { background-color: #EBEBEB; margin: 0; min-height: 175px; opacity: 1; padding: 15px; } @media only screen and (max-width: 767px) { #notas_do_pt .item-related:nth-child(n + 11) { display: none; } } /* Destaque Local */ #destaque_local.penci-home-popular-posts { border: 1px solid #FF0006; padding: 20px 20px 20px; margin: 0 auto 40px; } #destaque_local.penci-home-popular-posts h2 { margin:-20px -20px 15px; background: transparent url('assets/images/banners/diretorios-estaduais.png') no-repeat scroll center center; height: 60px; } #destaque_local.penci-home-popular-posts .home-pupular-posts-title:after { border: none } #destaque_local.penci-home-popular-posts .home-pupular-posts-title a { display: block; width: 100%; height: 60px; } #destaque_local.penci-home-popular-posts .home-pupular-posts-title a span { padding: 0; text-indent: -9999px; float: left; height: 0; } #destaque_local.penci-home-popular-posts .item-related { margin: 0 10px; } #destaque_local_2.penci-home-popular-posts { padding: 20px 0px 20px; margin: 0 auto 40px; } #destaque_local_2.penci-home-popular-posts .home-popular-posts-title:after { border: none } #destaque_local_2.penci-home-popular-posts .home-popular-posts-title a { display: block; width: 100%; height: 60px; } #destaque_local_2.penci-home-popular-posts .home-popular-posts-title a span { padding: 0; text-indent: -9999px; float: left; height: 0; } #destaque_local_2.penci-home-popular-posts .item-related { margin: 0 10px; } #destaque_campanha.penci-home-popular-posts { border: 2px solid #CC0000; padding: 20px 20px 20px; margin: 0 auto 40px; } #destaque_campanha.penci-home-popular-posts h2 { margin:-20px -20px 15px; background: transparent url('assets/images/banners/em-defesa-da-democracia-e-de-lula.png') no-repeat scroll center center; height: 60px; background-size: cover } #destaque_campanha.penci-home-popular-posts .home-pupular-posts-title:after { border: none; } #destaque_campanha.penci-home-popular-posts .home-pupular-posts-title a { display: block; width: 100%; height: 60px; } #destaque_campanha.penci-home-popular-posts .home-pupular-posts-title a span { padding: 0; text-indent: -9999px; float: left; height: 0; } #destaque_campanha.penci-home-popular-posts .item-related { margin: 0 10px; } .penci-home-popular-posts .item-related .meta_info_related { margin: 5px 0; color: #000000; } .item-related {position: relative;} .penci-home-popular-posts .btn_related { font-weight:bold;text-align: center; display: block; background-color: #FFF; padding: 5px; width: 340px; margin: 0 auto 20px; border-radius: 5px; } /*body.single-sub_home .penci-home-popular-posts, body.single-sub_home .penci-magazine-title, body.single-sub_home .penci-grid { background-color: #FFFFFF; }*/ @media only screen and (min-width:961px) and (max-width:1169px) { .container, .featured-area.style-1, .featured-area.style-4, .featured-area.magazine-slider, #navigation ul.menu > li.megamenu > ul.sub-menu { width: 940px; padding: 0 50px; } body.single-sub_home .featured-area.magazine-slider {padding: 0} } @media only screen and (min-width:768px) and (max-width:960px) { .container, .featured-area.style-1, .featured-carousel.style-2 .item img, .featured-area.style-4, .featured-area.magazine-slider { width: 726px; padding: 0 50px; } } @media only screen and (max-width:767px) { .container, .featured-area.style-1, .featured-carousel.style-2 .item img, .featured-area.style-4, .featured-area.magazine-slider { width: 100%; padding: 0 10px 10px; } #destaque_campanha.penci-home-popular-posts h2 { height: 40px; } } @media only screen and (max-width:479px) { #destaque_campanha.penci-home-popular-posts h2 { height: 30px; } } /* ----------------------------------------------------- / Critical Styles ----------------------------------------------------- */ /* = Magnific Popup -----------------------------------------------------*/ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999; overflow: hidden; position: fixed; background: #0b0b0b; opacity: .8; filter: alpha(opacity=80) } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999; position: fixed; outline: none !important; -webkit-backface-visibility: hidden } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle } .mfp-align-top .mfp-container:before { display: none } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045 } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto } .mfp-ajax-cur { cursor: progress } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in } .mfp-auto-cursor .mfp-content { cursor: auto } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none } .mfp-loading.mfp-figure { display: none } .mfp-hide { display: none !important } .mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -.8em; left: 8px; right: 8px; z-index: 1044 } .mfp-preloader a { color: #ccc } .mfp-preloader a:hover { color: #fff } .mfp-s-ready .mfp-preloader { display: none } .mfp-s-error .mfp-content { display: none } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none } button::-moz-focus-inner { padding: 0; border: 0 } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: .65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100) } .mfp-close:active { top: 1px } .mfp-close-btn-in .mfp-close { color: #333 } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #fff; right: -6px; text-align: right; padding-right: 6px; width: 100% } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px } .mfp-arrow { position: absolute; opacity: .65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .mfp-arrow:active { margin-top: -54px } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100) } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: .7 } .mfp-arrow-left { left: 0 } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #fff; margin-left: 31px } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f } .mfp-arrow-right { right: 0 } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #fff; margin-left: 39px } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px } .mfp-iframe-holder .mfp-close { top: -40px } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25% } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000 } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0; margin: 0 auto } .mfp-figure { line-height: 0 } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444 } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px } .mfp-figure figure { margin: 0 } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px } .mfp-image-holder .mfp-content { max-width: 100% } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer } @media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {.mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0 } .mfp-img-mobile img.mfp-img { padding: 0 } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0 } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0 } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0 } } @media all and (max-width:900px) {.mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75) } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0 } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100% } .mfp-container { padding-left: 6px; padding-right: 6px } } .mfp-ie7 .mfp-img { padding: 0 } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px } .mfp-ie7 .mfp-container { padding: 0 } .mfp-ie7 .mfp-content { padding-top: 44px } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0 } .mfp-close-btn-in #popup_home .mfp-close { color: #FFF; background-color:#000; border: 2px solid #CCC; border-radius:50%; opacity: 1; width: 36px; height: 36px; top:-10px; right:-10px; line-height: 0 } .mfp-close-btn-in #popup_home .mfp-close:hover { border: 2px solid #FFF; } /* = Slick slider/carousel library -----------------------------------------------------*/ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 } .slick-list:focus { outline: none } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .slick-track { position: relative; top: 0; left: 0; display: block } .slick-track:before, .slick-track:after { display: table; content: '' } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { display: none; float: left; height: 100%; min-height: 1px } [dir='rtl'] .slick-slide { float: right } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } /* = Import library flexslider css We develop based on jQuery flexslider http://www.woothemes.com/flexslider/ -----------------------------------------------------*/ .penci-container a:hover, .penci-slider a:hover, .penci-container a:focus, .penci-slider a:focus { outline: none } .slides, .slides > li, .penci-control-nav, .penci-direction-nav { margin: 0; padding: 0; list-style: none } .penci-pauseplay span { text-transform: capitalize } .penci-slider { margin: 0; padding: 0 } .penci-slider .slides > li { display: none; -webkit-backface-visibility: hidden } .penci-slider .slides img { width: 100%; display: block } .penci-slider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } html[xmlns] .penci-slider .slides { display: block } * html .penci-slider .slides { height: 1% } .no-js .penci-slider .slides > li:first-child { display: block } .penci-slider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) } .penci-slider .slides { zoom: 1 } .penci-slider .slides img { height: auto } .penci-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease } .loading .penci-viewport { max-height: 300px } .carousel li { margin-right: 5px } .penci-direction-nav { *height: 0 } .penci-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .penci-direction-nav a:before { font-family: "penci-slider-icon"; font-size: 40px; display: inline-block; content: '\f001'; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) } .penci-direction-nav a.penci-next:before { content: '\f002' } .penci-direction-nav .penci-prev { left: -50px } .penci-direction-nav .penci-next { right: -50px; text-align: right } .penci-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: .8; z-index: 10; overflow: hidden; cursor: pointer; color: #000 } .penci-pauseplay a:before { font-family: "penci-slider-icon"; font-size: 20px; display: inline-block; content: '\f004' } .penci-pauseplay a:hover { opacity: 1 } .penci-pauseplay a.penci-play:before { content: '\f003' } .penci-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center } .penci-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline } .penci-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px } .penci-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7) } .penci-control-paging li a.penci-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default } .penci-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden } .penci-control-thumbs li { width: 25%; float: left; margin: 0 } .penci-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease } .penci-control-thumbs img:hover { opacity: 1 } .penci-control-thumbs .penci-active { opacity: 1; cursor: default } @media screen and (max-width:860px) {.penci-direction-nav .penci-prev { opacity: 1; left: 10px } .penci-direction-nav .penci-next { opacity: 1; right: 10px } } /* = Gallery -----------------------------------------------------*/ @-webkit-keyframes justified-gallery-show-caption-animation { from { opacity: 0 } to { opacity: .7 } } @-moz-keyframes justified-gallery-show-caption-animation { from { opacity: 0 } to { opacity: .7 } } @-o-keyframes justified-gallery-show-caption-animation { from { opacity: 0 } to { opacity: .7 } } @keyframes justified-gallery-show-caption-animation { from { opacity: 0 } to { opacity: .7 } } @-webkit-keyframes justified-gallery-show-entry-animation { from { opacity: 0 } to { opacity: 1 } } @-moz-keyframes justified-gallery-show-entry-animation { from { opacity: 0 } to { opacity: 1 } } @-o-keyframes justified-gallery-show-entry-animation { from { opacity: 0 } to { opacity: 1 } } @keyframes justified-gallery-show-entry-animation { from { opacity: 0 } to { opacity: 1 } } .justified-gallery { width: 100%; position: relative; overflow: hidden } .justified-gallery>a, .justified-gallery>div { position: absolute; display: inline-block; overflow: hidden; opacity: 0; filter: alpha(opacity=0) } .justified-gallery>a>img, .justified-gallery>div>img, .justified-gallery>a>a>img, .justified-gallery>div>a>img { position: absolute; top: 50%; left: 50%; margin: 0; padding: 0; border: 0 } .justified-gallery>a>.caption, .justified-gallery>div>.caption { display: none; position: absolute; bottom: 0; padding: 5px; background-color: #000; left: 0; right: 0; margin: 0; color: #fff; font-size: 12px; font-weight: 300; font-family: sans-serif } .justified-gallery>a>.caption.caption-visible, .justified-gallery>div>.caption.caption-visible { display: initial; opacity: .7; filter: "alpha(opacity=70)"; -webkit-animation: justified-gallery-show-caption-animation 500ms 0 ease; -moz-animation: justified-gallery-show-caption-animation 500ms 0 ease; -ms-animation: justified-gallery-show-caption-animation 500ms 0 ease } .justified-gallery>.entry-visible { opacity: 1; filter: alpha(opacity=100); -webkit-animation: justified-gallery-show-entry-animation 500ms 0 ease; -moz-animation: justified-gallery-show-entry-animation 500ms 0 ease; -ms-animation: justified-gallery-show-entry-animation 500ms 0 ease } .justified-gallery>.jg-filtered { display: none } .justified-gallery>.spinner { position: absolute; bottom: 0; margin-left: -24px; padding: 10px 0; left: 50%; opacity: initial; filter: initial; overflow: initial } .justified-gallery>.spinner>span { display: inline-block; opacity: 0; filter: alpha(opacity=0); width: 8px; height: 8px; margin: 0 4px; background-color: #000; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px } /* Style arrows for carousel style 2 */ .featured-area.style-2 button.slick-prev, .featured-area.style-2 button.slick-next { visibility: hidden; } .featured-area.style-2.loaded-wait button.slick-prev, .featured-area.style-2.loaded-wait button.slick-next { visibility: visible; opacity: 1; } /* = Penci Slider -----------------------------------------------------*/ .penci-slider { position: relative; z-index: 0; margin: 0; padding: 0; overflow: hidden; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; border: none; } .penci-slider.style-4 { width: 100%; margin: 0 auto; } .penci-slider ul.slides, .penci-slider ol, .penci-slider ul { list-style: none !important; margin: 0 !important; padding: 0 !important; line-height: 1.5; } .penci-slider ul.slides:before, .penci-slider ul.slides:after, .penci-slider ol:before, .penci-slider ol:after { content: none !important; } .penci-slider ul li, .penci-slider ol li { margin: 0; } .penci-slider ul.slides li { position: relative; } .penci-slider ul.slides li:before, .penci-slider ul.slides li:after { content: ""; position: absolute; width: 100%; height: 100%; z-index: 5; top: 0; left: 0; opacity: 0; -moz-transition-property: none; -webkit-transition-property: none; -o-transition-property: none; transition-property: none; } .penci-slider ul.slides li:before { background-image: url('assets/images/slider-pattern.png'); z-index: 7; opacity: 0; } .penci-slider ul.slides li:after { background: #000; } .penci-slider ul.slides li img { width: 100%; height: auto; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; vertical-align: top; margin: 0 !important; padding: 0 !important; } .penci-slider ul.slides li .pencislider-container { position: absolute; top: 30%; width: 100%; text-align: left; z-index: 10; padding: 0 105px; } .penci-slider ul.slides li .pencislider-container .pencislider-content { display: block; margin: 0 auto; max-width: 1170px; } .penci-slider .penci-direction-nav .penci-prev:before, .penci-slider .penci-direction-nav .penci-next:before { content: none; } .penci-slider.penci-loading .penci-direction-nav .penci-prev, .penci-slider.penci-loading .penci-direction-nav .penci-next { opacity: 0 !important; } /* Bullet */ .penci-slider .penci-control-nav { position: absolute; width: 100%; left: 0; text-align: center; bottom: 20px; z-index: 6; display: block; line-height: 1; } body .penci-slider ol.penci-control-nav li { margin: 0 3px; } body .penci-slider ol.penci-control-nav li a { width: 12px; height: 12px; border: 1px solid #d4d4d4; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; display: inline-block; font-size: 0; vertical-align: top; } .penci-slider ol.penci-control-nav li a.penci-active, .penci-slider ol.penci-control-nav li a:hover { background: #b70b17; border-color: #b70b17; } /* Loading */ .penci-slider.penci-loading { } /* Pencislider Elements */ .penci-slider .pencislider-container .pencislider-content .pencislider-title { font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 30px; line-height: 1.2em; text-transform: uppercase; margin: 0; letter-spacing: 1px; } .penci-slider .pencislider-container .pencislider-content .pencislider-title a { color: inherit; } .penci-slider .pencislider-container .pencislider-content .pencislider-caption { font-size: 16px; line-height: 1.3em; margin: 9px 0 0; font-style: italic; } .penci-slider .pencislider-container .pencislider-content .penci-button { margin: 26px 0 0; background: none; padding: 0; vertical-align: top; } .penci-slider .pencislider-container .pencislider-content .pencislider-button { text-decoration: none; display: inline-block; padding: 12px 20px 10px; text-transform: uppercase; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; font-family: 'Roboto', sans-serif; letter-spacing: 1px; cursor: pointer; font-size: 14px; line-height: 1.3; border: none; font-weight: bold; position: relative; } .penci-slider .pencislider-container .pencislider-content .pencislider-button:hover { opacity: 0.9; } /* Pencislider Alignment */ .penci-slider .pencislider-container .pencislider-title, .penci-slider .pencislider-container .pencislider-caption, .penci-slider .pencislider-container .pencislider-content .penci-button { text-align: left; opacity: 0; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: .5s; -moz-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s; } .penci-slider .pencislider-container.align-center .pencislider-title, .penci-slider .pencislider-container.align-center .pencislider-caption, .penci-slider .pencislider-container.align-center .penci-button { text-align: center; } .penci-slider .pencislider-container.align-right .pencislider-title, .penci-slider .pencislider-container.align-right .pencislider-caption, .penci-slider .pencislider-container.align-right .penci-button { text-align: right; } /* Animation */ .penci-slider .pencislider-container .pencislider-caption { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; animation-delay: 0.7s; } .penci-slider .pencislider-container .pencislider-content .penci-button { -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; animation-delay: 0.9s; } /* fadeInDown */ @-webkit-keyframes pencifadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -40px, 0); transform: translate3d(0, -40px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes pencifadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -40px, 0); transform: translate3d(0, -40px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none } } .penci-slider .penci-active-slide .pencislider-container.penci-fadeInDown .pencislider-title, .penci-slider .penci-active-slide .pencislider-container.penci-fadeInDown .pencislider-caption, .penci-slider .penci-active-slide .pencislider-container.penci-fadeInDown .pencislider-content .penci-button { -webkit-animation-name: pencifadeInDown; -moz-animation-name: pencifadeInDown; -o-animation-name: pencifadeInDown; animation-name: pencifadeInDown; } /* fadeInUp */ @-webkit-keyframes pencifadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes pencifadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none } } .penci-slider .penci-active-slide .pencislider-container.penci-fadeInUp .pencislider-title, .penci-slider .penci-active-slide .pencislider-container.penci-fadeInUp .pencislider-caption, .penci-slider .penci-active-slide .pencislider-container.penci-fadeInUp .pencislider-content .penci-button { -webkit-animation-name: pencifadeInUp; -moz-animation-name: pencifadeInUp; -o-animation-name: pencifadeInUp; animation-name: pencifadeInUp; } /* fadeInLeft */ @-webkit-keyframes pencifadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes pencifadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none } } .penci-slider .penci-active-slide .pencislider-container.penci-fadeInLeft .pencislider-title, .penci-slider .penci-active-slide .pencislider-container.penci-fadeInLeft .pencislider-caption, .penci-slider .penci-active-slide .pencislider-container.penci-fadeInLeft .pencislider-content .penci-button { -webkit-animation-name: pencifadeInLeft; -moz-animation-name: pencifadeInLeft; -o-animation-name: pencifadeInLeft; animation-name: pencifadeInLeft; } /* fadeInRight */ @-webkit-keyframes pencifadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes pencifadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none } } .penci-slider .penci-active-slide .pencislider-container.penci-fadeInRight .pencislider-title, .penci-slider .penci-active-slide .pencislider-container.penci-fadeInRight .pencislider-caption, .penci-slider .penci-active-slide .pencislider-container.penci-fadeInRight .pencislider-content .penci-button { -webkit-animation-name: pencifadeInRight; -moz-animation-name: pencifadeInRight; -o-animation-name: pencifadeInRight; animation-name: pencifadeInRight; } /* = Penci Featured Video Background -----------------------------------------------------*/ /*#penci-featured-video-bg { height: 600px; } .penci-video-overlay-background, .overlay-video-click { position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; display: none; } .overlay-video-click { display: block; z-index: 20; } .penci-video-overlay { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); text-align: center; left: 20px; right: 20px; z-index: 10; } h2.penci-heading-video, p.penci-sub-heading-video, .penci-video-custom-img { opacity: 0; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -o-animation-delay: 0.8s; animation-delay: 0.8s; } .penci-video-custom-img { margin: 0 0 24px 0; } .penci-video-custom-img.no-margin-bottom { margin: 0; } h2.penci-heading-video { color: #fff; font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 30px; line-height: 1.2em; text-transform: uppercase; margin: 0; letter-spacing: 1px; -webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; -o-animation-delay: 1.1s; animation-delay: 1.1s; } p.penci-sub-heading-video { font-size: 16px; line-height: 1.3em; margin: 15px 0 0; font-style: italic; color: #fff; -webkit-animation-delay: 1.4s; -moz-animation-delay: 1.4s; -o-animation-delay: 1.4s; animation-delay: 1.4s; } .featured-area.loaded-wait .penci-video-custom-img, .featured-area.loaded-wait h2.penci-heading-video, .featured-area.loaded-wait p.penci-sub-heading-video { -webkit-animation-name: pencifadeInUp; -moz-animation-name: pencifadeInUp; -o-animation-name: pencifadeInUp; animation-name: pencifadeInUp; }*/ /* = Homepage title -----------------------------------------------------*/ .penci-homepage-title {position: relative; margin-bottom: 30px; text-align: center; clear: both; margin-top: 5px; } .penci-border-arrow {position: relative;line-height: 1.3;margin-top: 5px;margin-bottom: 20px;} .penci-border-arrow .inner-arrow {font-family:'Raleway',sans-serif;position: relative;display: block;text-transform: uppercase;padding: 0;z-index: 3;padding-bottom: 2px;text-align: center;font-weight: bold;font-size: 14px;color: #b70b17;} .penci-border-arrow .inner-arrow a { color: #b70b17; } .penci-border-arrow:after {content: "";} .penci-border-arrow:after {border-bottom: 1px solid #b70b17;width: 50px;margin: 0 auto;display: block;} .penci-homepage-title h3 {font-size: 14px; color: #313131; letter-spacing: 1px; position: relative; z-index: 1; } /* = Standard style -----------------------------------------------------*/ .standard-post-special { position: relative; margin: 0 0 26px 0; } .standard-content-special { padding: 0; text-align: center; background: #fff; display: block; box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2); } .standard-post-special.no-thumbnail .standard-content-special { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: 1px solid #ECECEC; } .format-post-box { display: block; padding: 52px 30px 21px 30px; } .format-post-box.penci-format-link { padding-top: 19px; } .format-post-box .post-format-icon { position: absolute; width: 100%; text-align: center; display: block; top: 16px; margin-left: -36px; } .format-post-box.penci-format-link .post-format-icon { display: none; } .format-post-box .post-format-icon i { font-size: 35px; padding: 0 20px; display: inline-block; color: #b70b17; } .format-post-box .post-format-icon i.fa-quote-left:before { content: '\201C'; font-family: 'Playfair Display SC', serif; font-size: 72px; font-weight: 900; } .format-post-box .dt-special, .format-post-box .dt-special a { color: #888; font-size: 112.5%; font-style: italic; text-align: center !important; margin-bottom: 0; } .format-post-box.penci-format-quote .dt-special { text-align: center; font-style: italic; font-size: 18px; } .format-post-box .dt-special a:hover { color: #b70b17; } .author-quote { margin: 15px 0 5px; text-align: center; display: block; overflow: hidden; } .author-quote span { display: inline-block; font-size: 12px; padding: 0 11px; position: relative; color: #b70b17; font-family: 'Roboto', sans-serif; font-weight: bold; text-transform: uppercase; } .author-quote span:before, .author-quote span:after { position: absolute; content: ""; width: 60px; height: 1px; top: 50%; left: 100%; background: #b70b17; } .author-quote span:before { left: auto; right: 100%; } .standard-post-image { margin: 0 0 26px 0; text-align: center; display: block; position: relative; } .standard-content-special { position: absolute; left: 30px; right: 30px; bottom: 30px; display: block; } .standard-post-image.no-thumbnail .audio-iframe, .standard-post-special.no-thumbnail .standard-content-special { position: static; } .standard-post-image img { vertical-align: top; max-width: 100%; height: auto; } .header-standard {padding-bottom: 17px;position: relative;margin: 0 0 19px 0;} .header-standard:after { content: ""; position: absolute; width: 60px; height: 1px; background: #b70b17; display: block; bottom: 0; left: 50%; margin-left: -30px; } .penci-standard-cat { overflow: hidden; display: block; margin-bottom: 6px; } .header-standard .cat { display: inline-block; position: relative; } .header-standard h2, .header-standard .post-title, .header-standard h2 a {color: #313131;letter-spacing: normal;} /*.container-single-magazine .single-post-title { letter-spacing: 1px; }*/ .container-single-magazine .single-post-title span { font-size: 20px; } .header-standard h2 a:hover { color: #888888; } .header-standard .author-post span { color: #888; } .header-standard .author-post { margin: 6px 0 0; font-style: italic; } .header-standard .author-post span a { color: #313131; text-transform: capitalize; } .header-standard .author-post span a:hover { color: #b70b17; } .standard-content { position: relative; } .standard-main-content { text-align: left; } .penci-more-link { text-align: center; overflow: hidden; clear: both; } .penci-more-link a.more-link { font-family: 'Roboto', sans-serif; letter-spacing: 1px; color: #b70b17; text-transform: uppercase; font-size: 12px; display: inline-block; margin-top: 5px; font-weight: bold; position: relative; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .standard-post-entry a.more-link:hover { text-decoration: none; } .penci-more-link a.more-link:before, .penci-more-link a.more-link:after { position: absolute; content: ""; width: 60px; height: 0; top: 50%; left: 100%; margin: 0 10px; margin-top: -1px; border-top: 1px solid #b70b17; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .penci-more-link a.more-link:before { left: auto; right: 100%; } .penci-more-link a.more-link:hover:before { right: 50%; margin-right: -10px; width: 90px; } .penci-more-link a.more-link:hover:after { left: 50%; margin-left: -10px; width: 90px; } .penci-post-box-meta { padding: 15px 0; clear: both; display: block; border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; margin: 30px 0 0; } .penci-post-box-meta.center-inner { text-align: center; } .penci-post-box-meta.center-inner .penci-post-share-box { float: none; } .penci-post-box-meta .penci-box-meta { display: inline-block; } .penci-post-box-meta .penci-box-meta span, .penci-post-box-meta .penci-box-meta a { color: #888888; } .penci-post-box-meta .penci-box-meta i.fa { margin-right: 10px; } .penci-post-box-meta .penci-box-meta a:hover { color: #b70b17; } .penci-post-box-meta .penci-box-meta span:after { content: ""; width: 1px; height: 10px; background: #DEDEDE; margin: 0 16px 0 20px; display: inline-block; } .penci-post-box-meta .penci-box-meta span:last-child:after { content: none; display: none; } .penci-post-box-meta .penci-post-share-box { display: inline-block; float: right; } .penci-post-box-meta .penci-post-share-box a { display: inline-block; position: relative; color: #313131; margin-left: 10px; font-size: 14px; } .penci-post-box-meta .penci-post-share-box a:first-child { margin-left: 0; } .penci-post-share-box a.liked, .penci-post-share-box a:hover { color: #b70b17; } .penci-post-share-box .dt-share { position: absolute; display: inline-block; font-size: 9px; font-family: 'Roboto', sans-serif; font-weight: normal; background: #313131; color: #fff; height: 20px; line-height: 20px; white-space: nowrap; text-align: center; bottom: -45px; width: 60px; left: 50%; margin-left: -30px; opacity: 0; visibility: hidden; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; } .penci-post-share-box a:hover .dt-share { opacity: 1; bottom: -30px; visibility: visible; } .penci-post-share-box .dt-share:before { position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 7px solid #313131; content: ""; top: -7px; left: 50%; margin-left: -4px; } .penci-post-like.liked i:before { content: "\f004"; } /* = Classic style -----------------------------------------------------*/ .header-standard.header-classic {margin: 0 0 10px 0;padding: 0;display: inline-block;;} .header-standard.header-classic:after { content: none; display: none; } .header-standard.header-classic.penci-title-bellow { margin-bottom: 40px; } /* = Grid style -----------------------------------------------------*/ ul.penci-grid { display: inline-block; width: 100%; vertical-align: top; } .penci-grid > li { display: inline-block; vertical-align: top; width: 31.62%; margin-bottom: 25px; padding-bottom: 25px; float: left; margin-right: 2.57%; } body.home .penci-grid > li { border-top: none; } .penci-grid > li.grid-style { text-align: center; } .penci-grid > li:nth-of-type(3n+3) { margin-right: 0; } .penci-grid > li:nth-of-type(3n+1) { clear: both; } .penci-grid li .item > .thumbnail, .penci-masonry .item-masonry > .thumbnail {display: inline-block;position: relative;transition: opacity 0.3s;-webkit-transition: opacity 0.3s;-moz-transition: opacity 0.3s;margin-bottom: 15px;width: 100%;height: 247px;overflow: hidden;} .penci-grid li .item > .thumbnail .icon-post-format, .penci-masonry .item-masonry > .thumbnail .icon-post-format, .grid-mixed .thumbnail .icon-post-format { position: absolute; z-index: 2; text-align: center; display: inline-block; width: 50px; height: 50px; line-height: 46px; top: 50%; left: 50%; margin: -25px 0 0 -25px; font-size: 18px; opacity: 1; color: rgba(255, 255, 255, 0.9); background: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; background: rgba(0, 0, 0, 0.4); border: 2px solid rgba(255, 255, 255, 0.9); } .penci-grid li .item > .thumbnail .icon-post-format i.fa-play, .penci-masonry .item-masonry > .thumbnail .icon-post-format i.fa-play { margin-left: 3px; } .grid-mixed .thumbnail:hover .icon-post-format, .penci-grid li .item > .thumbnail:hover .icon-post-format, .penci-masonry .item-masonry > .thumbnail:hover .icon-post-format { opacity: 0; } .grid-mixed .thumbnail:hover, .penci-grid li .item > .thumbnail:hover, .penci-masonry .item-masonry > .thumbnail:hover { opacity: 0.85; } .penci-grid li .item img, .penci-masonry .item-masonry a img { width: 100%; height: auto; vertical-align: top; margin: 0; } .penci-grid li .item .cat, .penci-masonry .item-masonry .cat { color: #b70b17;display: block;margin-bottom: 3px; } .penci-grid li .item h2, .penci-masonry .item-masonry h2 { font-size: 20px; line-height: 26px; letter-spacing: 1px; } .penci-grid li .item h2 a, .penci-masonry .item-masonry h2 a {color: #313131;-o-transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;letter-spacing: 0;} .penci-grid li .item h2 a:hover, .penci-masonry .item-masonry h2 a:hover { color: #888888; } .penci-grid li .item p, .penci-masonry .item-masonry p { margin-bottom: 0; } .penci-grid li .item .item-content, .penci-masonry .item-masonry .item-content, .penci-grid .mixed-detail .item-content {text-align: left;font-size: 14px;line-height: 22px;} .penci-post-box-meta.penci-post-box-grid { border: none !important; padding: 0; text-align: center; position: relative; margin-top: 10px; clear: none; } .penci-post-box-meta.penci-post-box-grid:before { content: ""; position: absolute; width: 100%; left: 0; height: 1px; background: #DEDEDE; display: block; top: 49%; z-index: 1; } .penci-post-box-meta.penci-post-box-grid .penci-post-share-box {float: none !important; padding: 0 10px;position: relative;z-index: 5;display: inline-block;margin-top: 0;background: #F6F6F6;} .grid-header-box {padding-bottom: 10px;position: relative;text-align: left; } /*.grid-header-box:after { width: 60px; height: 1px; background: #b70b17; margin-left: -30px; position: absolute; left: 50%; bottom: 0; content: ""; }*/ .penci-grid li .fluid-width-video-wrapper { height: 247px; } /*body.single .fluid-width-video-wrapper { height: 480px; }*/ /* = Masonry style -----------------------------------------------------*/ .penci-wrap-masonry { margin-left: -15px; margin-right: -15px; } .penci-masonry {width: 100%;} .penci-masonry .item-masonry { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 31.3333%; display: inline-block; padding: 10px; float: left; margin: 10px 1%; text-align: center;background: #FFFFFF;} .container.penci_sidebar .penci-masonry .item-masonry, .penci-masonry .item-masonry.grid-masonry-2 { width: 48%; margin: 1%; } /*.container.penci_sidebar .penci-masonry .item-masonry, .penci-masonry .item-masonry.grid-masonry-2:nth-child(even) { margin-left: 4% } */ /* = Standard Masonry Style -----------------------------------------------------*/ .penci-masonry .standard-masonry { width: 50%; } .standard-masonry .standard-main-content > h2 { font-size: 20px; } .standard-masonry .standard-main-content > h2:before { height: 18px; top: 3px; } .penci-masonry .item-masonry.standard-masonry .cat a { margin-bottom: 13px; } .standard-masonry .post-box-meta { margin-top: 14px; } /* = Operator penci cat -----------------------------------------------------*/ .cat > a.penci-cat-name {font-size: 12px;color: #b70b17;text-transform: uppercase;margin: 0 15px 0 0;padding-right: 10px;display: inline-block;vertical-align: top;background: none;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;font-weight: normal;margin-bottom: 5px;position: relative;font-family: "Raleway", sans-serif;font-weight: 700;} .cat > a.penci-cat-name:after { content: ""; display: inline-block; border: 1px solid #b70b17; font-size: 12px; margin-left: 11px; position: absolute; top: 50%; margin-top: -3px; width: 3px; height: 3px; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .cat > a.penci-cat-name:hover { text-decoration: underline; } .cat > a.penci-cat-name:first-child { margin-left: 0; } .cat > a.penci-cat-name:last-child { margin-right: 0; padding: 0; } .cat > a.penci-cat-name:last-child:after { content: none; display: none; } /* = List style -----------------------------------------------------*/ #latest_posts_home .penci-border-arrow { margin-bottom: 40px; } .penci-grid li.list-post { width: 100% !important; margin-right: 0 !important; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #DEDEDE; } .penci-grid li.list-post:last-child { margin-bottom: 60px; padding-bottom: 0; border-bottom: none; } .penci-grid li.list-post .item > .thumbnail { margin: 0; width: 48.052%; float: left; max-width: 370px; } .penci-grid li.list-post .item .content-list-right { margin: 0; padding-left: 400px; } .penci-grid li.list-post .item .content-list-right.fullwidth { padding: 0; } .list-post .header-list-style { position: relative; padding-bottom:5px; } /*.list-post .header-list-style:after { content: ""; width: 60px; height: 1px; background: #b70b17; display: block; bottom: 0; left: 0; position: absolute; }*/ .content-special-list { width: 100%; display: block; padding: 30px; background-size: cover; background-position: center center; position: relative; } .content-special-list.no-thumbnail { padding: 0; } .content-special-list .standard-content-special { position: relative; left: auto; top: auto; bottom: auto; right: auto; } .content-special-list.no-thumbnail .standard-content-special { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: 1px solid #ECECEC; } .full_list { text-align: center; margin: 10px 0 40px; } .full_list a { font-family: "Raleway", sans-serif; font-size:15px; font-weight:bold; text-decoration: none; background-color: #b70b17; padding: 6px 14px; color:#FFFFFF; border-radius: 3px; text-transform: uppercase; } /* = Mixed style -----------------------------------------------------*/ .grid-mixed { display: table; width: 100%; vertical-align: top; border: 1px solid #DEDEDE; margin-bottom: 60px; } .grid-mixed .thumbnail, .grid-mixed .mixed-detail { display: table-cell; vertical-align: top; } .grid-mixed .thumbnail.thumb-right { display: none; } .penci-grid > .grid-mixed:nth-of-type(2n) .thumbnail.thumb-right { display: table-cell; } .penci-grid > .grid-mixed:nth-of-type(2n) .thumbnail.thumb-left { display: none; } .grid-mixed .thumbnail { width: 65.812%; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } .grid-mixed .mixed-detail { width: 34.188%; padding: 30px; padding-bottom: 115px; position: relative; } .grid-mixed .mixed-detail .cat { margin-bottom: 8px; display: block; } .grid-mixed .mixed-detail h2 a { font-size: 18px; text-transform: uppercase; color: #313131; } .grid-mixed .mixed-detail h2 a:hover { color: #888; } .grid-mixed .grid-header-box:after { left: 0; margin: 0; } .grid-mixed .penci-post-box-meta { margin: 0 0 4px 0; position: absolute; left: 30px; bottom: 30px; right: 30px; display: block; } .penci_sidebar .grid-mixed .thumbnail.thumb-left, .penci_sidebar .grid-mixed .mixed-detail { display: block !important; width: 100%; } .penci_sidebar .grid-mixed .mixed-detail { padding: 30px; } .penci_sidebar .grid-mixed .penci-post-box-meta { position: relative; margin: 31px 0 4px; left: auto; right: auto; bottom: auto; } .penci_sidebar .grid-mixed .thumbnail.thumb-right { display: none !important; } /* = List Boxed style -----------------------------------------------------*/ .penci-grid .list-post.list-boxed-post { position: relative; padding-bottom: 0; border: 1px solid #DEDEDE !important; margin-bottom: 60px; } .penci-post-box-meta.post-box-boxed-1 { margin: 31px 0 0; text-align: left; } .penci-layout-boxed-1 .list-boxed-post .header-list-style:after, .penci-layout-standard-boxed-1 .list-boxed-post .header-list-style:after, .penci-layout-classic-boxed-1 .list-boxed-post .header-list-style:after { left: 50%; margin-left: -30px; } .grid-post-box-meta { margin: 12px 0 0; } .grid-post-box-meta span { color: #888888; font-weight: bold; font-size: 12px; } .grid-post-box-meta span.author-italic { font-style: italic; } .grid-post-box-meta span:after { content: ""; width: 1px; height: 10px; background: #DEDEDE; margin: 0 11px 0 15px; display: inline-block; } .grid-post-box-meta span:last-child:after { content: none; display: none; } .grid-post-box-meta span a { color: #313131; } .grid-post-box-meta span a.comment-link { color: #888888; font-style: normal; } .grid-post-box-meta span a:hover, .grid-post-box-meta span a.comment-link:hover { color: #b70b17; } .list-boxed-post .grid-post-share-box .inner-grid-post-share-box { background: #ffffff; } .penci-grid .list-post.list-boxed-post .item > .thumbnail { width: 50%; max-width: none; position: relative; float: none; } .penci-grid .list-post.list-boxed-post .item > .content-list-right { float: right; } .penci-grid li.list-boxed-post:nth-of-type(2n+2) .item > .content-list-right { float: left; } .penci-grid .list-post.list-boxed-post .item > .thumbnail:before { content: ""; width: 0; height: 0; border-top: 20px solid transparent; border-right: 20px solid #ffffff; border-bottom: 20px solid transparent; position: absolute; right: 0; top: 50%; margin-top: -20px; } .penci-grid .list-post.list-boxed-post:nth-of-type(2n+2) .item > .thumbnail:before { border-right: none; border-left: 20px solid #ffffff; right: auto; left: 0; } .penci-grid .list-post.list-boxed-post .item .content-list-right { padding: 20px 60px; display: table; width: 50%; min-height: 389px; height: 389px; text-align: center; } .list-boxed-post .inner-content-list-right { vertical-align: middle; display: table-cell; } .penci_sidebar .penci-grid .list-post.list-boxed-post .item .content-list-right { padding: 20px 30px; min-height: 0; height: auto; } .penci-grid .list-post.list-boxed-post .item .content-list-right.fullwidth { width: 100%; max-width: none; } .list-boxed-post .fullwidth .inner-content-list-right { min-height: 0; padding-left: 0; padding-right: 0; } /* = Overlay style -----------------------------------------------------*/ .grid-overlay { margin-bottom: 60px; position: relative; display: block; clear: both; } .penci-overlay-over { position: relative; } .penci-overlay-over:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.3; z-index: 1; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; } .penci-overlay-over:hover:before { opacity: 0.5; } .penci-overlay-over .overlay-header-box { position: absolute; text-align: center; left: 20px; right: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 10; padding-bottom: 18px; } .penci-overlay-over .overlay-header-box:after { content: ""; height: 1px; background: #fff; display: block; position: absolute; bottom: 0; width: 60px; left: 50%; margin-left: -30px; } .penci-overlay-over:hover .overlay-header-box:after { width: 60px; left: 50%; margin-left: -30px; } .overlay-header-box .cat { display: block; margin-bottom: 6px; } .overlay-header-box .cat > a.penci-cat-name { color: #fff; } .overlay-header-box .cat > a.penci-cat-name:hover { color: #b70b17; text-decoration: none; } .overlay-header-box .cat > a.penci-cat-name:after { border-color: #fff; } .overlay-header-box .overlay-author { margin-top: 6px; } .overlay-header-box .overlay-title a { text-transform: uppercase; color: #fff; font-size: 24px; } .overlay-author span, .overlay-author a { color: #fff; font-style: italic; } .overlay-author a:hover { color: #b70b17; } .penci-overlay-over .overlay-border { position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; display: block; border: 1px solid #fff; z-index: 5; } .overlay-post-box-meta { position: absolute; bottom: -1px; left: 30px; right: 30px; text-align: center; margin: 0; background: #fff; z-index: 7; border: none; padding: 21px 10px 0; } .overlay-post-box-meta > div { display: inline-block; vertical-align: bottom; line-height: 1; float: none !important; } .overlay-post-box-meta > div:after { content: ""; width: 1px; height: 10px; background: #DEDEDE; margin: 0 17px 0 19px; display: inline-block; } .overlay-post-box-meta > div:last-child:after { content: none; display: none; } .overlay-post-box-meta, .overlay-post-box-meta .overlay-share span, .overlay-post-box-meta .overlay-share a { color: #888; } .overlay-post-box-meta .overlay-share a:hover { color: #b70b17; } .overlay-post-box-meta .overlay-share i { color: inherit; margin-right: 10px; } /* = List Boxed 2 style -----------------------------------------------------*/ .penci-grid li.list-boxed-post-2 { margin: 0 !important; width: 33.3333%; } .penci-grid li.list-boxed-post-2:last-child { margin-bottom: 60px !important; } .penci_sidebar .penci-grid li.list-boxed-post-2 { width: 50%; } .penci-grid li.list-boxed-post-2 .item > .thumbnail { margin: 0; } .penci-grid li.list-boxed-post-2 .item > .thumbnail:before { position: absolute; content: ""; width: 0; height: 0; border-left: 18px solid transparent; border-right: 18px solid transparent; border-bottom: 18px solid #ffffff; left: 50%; margin-left: -18px; bottom: 0; } .penci-grid li.list-boxed-post-2 .item > .thumbnail.arrow-top:before { border-bottom: none; border-top: 18px solid #ffffff; bottom: auto; top: 0; } .penci-grid li.list-boxed-post-2 .content-boxed-2 { border: 1px solid #efefef; } .penci-grid li.list-boxed-post-2 .content-boxed-2.show-bottom { border-top: none; } .penci-grid li.list-boxed-post-2 .content-boxed-2.show-top { border-bottom: none; } .penci-grid li.list-boxed-post-2 .content-boxed-2.boxed-none { display: none; } .penci-grid li.list-boxed-post-2 .inner-parent-boxed-2 { height: 258px; display: table; text-align: center; padding: 20px; width: 100%; } .penci_sidebar .penci-grid li.list-boxed-post-2 .inner-parent-boxed-2 { height: 256px; } .penci-grid li.list-boxed-post-2 .inner-boxed-2 { display: table-cell; vertical-align: middle; max-width: 100%; } /* = Photography style -----------------------------------------------------*/ .typography-style .content-typography { position: absolute; left: 20px; right: 20px; top: 20px; bottom: 20px; transition: opacity 0.4s; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; } .penci-grid li.typography-style { margin-bottom: 30px; } .penci-grid li.typography-style:last-child { margin-bottom: 60px; } .penci-grid li.typography-style .item > .thumbnail { margin-bottom: 0; } .penci-grid li.typography-style .item > .thumbnail:hover { opacity: 1; } .typography-style .content-typography:hover, .penci-grid .typography-style .thumbnail:hover .content-typography { opacity: 1; } .penci-grid li.typography-style .overlay-typography { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000000; opacity: 0.3; transition: opacity 0.3s ease 0s; -webkit-transition: opacity 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s; } .penci-grid li.typography-style:hover .overlay-typography { opacity: 0.7; } .penci-grid li.typography-style .overlay-typography:before, .penci-grid li.typography-style .overlay-typography:after { position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .penci-grid li.typography-style .overlay-typography:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1); } .penci-grid li.typography-style .overlay-typography:after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); transform: scale(1, 0); } .penci-grid li.typography-style:hover .overlay-typography:before, .penci-grid li.typography-style:hover .overlay-typography:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .typography-style .main-typography { position: absolute; z-index: 5; top: 50%; left: 0; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } .typography-style .main-typography a.penci-cat-name { color: #fff; border-color: #fff; text-decoration: none; } .typography-style .main-typography a.penci-cat-name:after { border-color: #fff; } .penci-grid li.typography-style .item .main-typography h2 a { color: #fff; } .penci-grid li.typography-style .grid-post-box-meta span, .penci-grid li.typography-style .grid-post-box-meta span a { color: #fff; } .penci-grid li.typography-style .grid-post-box-meta span a:hover, .penci-grid li.typography-style .item .main-typography h2 a:hover { color: #b70b17; } /* = Photography style 2 -----------------------------------------------------*/ .penci-grid > li.photography-2 { margin-bottom: 30px; } .penci-grid > li.photography-2:last-child { margin-bottom: 60px; } .penci-photo-2-effect { position: relative; overflow: hidden; background: #000; text-align: center; cursor: pointer; } .penci-photo-2-effect img { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; opacity: 0.7; display: block; position: relative; } .penci-photo-2-effect:hover img { opacity: 0.4; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); } .penci-photo-2-effect figcaption, .penci-photo-2-effect figcaption a.photo-2-overlay { padding: 60px; text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .penci-photo-2-effect figcaption { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .penci-photo-2-effect a.photo-2-overlay { z-index: 100; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .penci-photo-2-effect figcaption h2, .penci-photo-2-effect figcaption p { color: #fff; position: absolute; top: 50%; left: 0; width: 100%; transition: all 0.3s; -webkit-transition: all 0.3s; } .penci-photo-2-effect figcaption h2 { font-size: 24px; padding: 0 60px; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: bold; top: 50%; transform: translateY(-100%); -webkit-transform: translateY(-100%); padding-bottom: 30px; } .penci-photo-2-effect:hover figcaption h2 { padding-bottom: 15px; } .penci-photo-2-effect figcaption p { padding: 0 60px; top: 50%; margin-top: 30px; line-height: 1.8; } .penci-photo-2-effect:hover figcaption p { margin-top: 15px; } .penci-photo-2-effect figcaption:before, .penci-photo-2-effect figcaption:after { position: absolute; top: 50%; left: 50%; width: 80%; height: 1px; background: #fff; content: ''; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .penci-photo-2-effect:hover figcaption:after { opacity: 0.5; -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg); transform: translate3d(-50%, -50%, 0) rotate(-45deg); } .penci-photo-2-effect:hover figcaption:before { opacity: 0.5; -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg); transform: translate3d(-50%, -50%, 0) rotate(45deg); } .penci_sidebar .penci-photo-2-effect figcaption { padding: 20px; } .penci_sidebar .penci-photo-2-effect figcaption h2 { padding: 0 20px 20px; font-size: 18px; } .penci_sidebar .penci-photo-2-effect figcaption p { margin-top: 20px; padding: 0 20px; font-size: 93%; } .penci_sidebar .penci-photo-2-effect:hover figcaption h2 { padding-bottom: 10px; } .penci_sidebar .penci-photo-2-effect:hover figcaption p { margin-top: 10px; } /* = Magazine style -----------------------------------------------------*/ #featured_categories_home { margin: 40px 0; } body.single-sub_home #featured_categories_home, body.tag #featured_categories_home { margin:0; } section.home-featured-cat { clear: both; display: block; width: 100%; } .home-featured-cat.mag-cat-style-2 { display: inline-block; width: 48.05%; margin-right: 3.9%; float: left; } #main .theiaStickySidebar > div.mag-cat-style-2:nth-of-type(2n+2), #main #featured_categories_home > div.mag-cat-style-2:nth-of-type(2n+2), #main > div.mag-cat-style-2:nth-of-type(2n+2) { margin-right: 0; } .penci-grid li.magazine-layout .item h2 a { text-transform: none; letter-spacing: 0; } .penci-homepage-title.penci-magazine-title { text-align: left; margin-bottom: 20px; } .penci-homepage-title.penci-magazine-title:before { left: 40px; display: none; } .penci-homepage-title.penci-magazine-title h3 a {color: #b70b17;font-family: 'Raleway', Sans-serif;font-size: 12px;} .home-featured-cat-content { display: inline-block; width: 100%; vertical-align: top; margin-bottom: 60px; } .home-featured-cat-content.style-1 { display: table; width: auto; margin-left: -15px; margin-right: -15px; } .home-featured-cat-content.style-3 { display: table; width: auto; margin-left: -5px; margin-right: -5px; } .home-featured-cat-content.style-5 { overflow: hidden; } .home-featured-cat-content .cat-left, .home-featured-cat-content .cat-right { width: 50%; float: left; display: inline-block; padding: 0 15px; } .home-featured-cat-content .mag-post-box { width: 100%; overflow: hidden; display: table; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #DEDEDE; } .home-featured-cat-content .mag-excerpt {font-size: 14px;line-height: 20px;} .home-featured-cat-content .mag-post-box.first-post { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .home-featured-cat-content > .mag-post-box:last-child, .home-featured-cat-content .cat-right > .mag-post-box:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .home-featured-cat-content.style-2 .mag-post-box.first-post { padding-bottom: 22px; margin-bottom: 30px; border-bottom: 1px solid #DEDEDE; } .home-featured-cat-content .mag-post-box .magcat-thumb { float: left; margin-right: 20px; position: relative; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } .home-featured-cat-content .mag-post-box .magcat-thumb a { height: 80px; overflow: hidden; display: block } .home-featured-cat-content .mag-post-box .magcat-thumb a img { margin-top: -20px; } .home-featured-cat-content .mag-post-box.first-post .magcat-thumb a { height: auto; overflow: show; } .home-featured-cat-content .mag-post-box.first-post .magcat-thumb a img { margin-top: 0 } .home-featured-cat-content .mag-post-box .magcat-thumb .icon-post-format { width: 30px; height: 30px; position: absolute; display: inline-block; line-height: 26px; z-index: 10; top: 50%; left: 50%; text-align: center; margin: -15px 0 0 -15px; border-radius: 50%; font-size: 13px; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; border: 2px solid rgba(255, 255, 255, 0.9); background: rgba(0, 0, 0, 0.4); color: rgba(255, 255, 255, 0.9); } .home-featured-cat-content .mag-post-box.first-post .magcat-thumb .icon-post-format { font-size: 18px; width: 50px; height: 50px; line-height: 46px; margin: -25px 0 0 -25px; } .home-featured-cat-content .mag-post-box .magcat-thumb .icon-post-format i.fa-play { margin-left: 2px; } .home-featured-cat-content .mag-post-box .magcat-thumb .icon-post-format i.fa-music { margin-right: 2px; } .penci-magcat-carousel .magcat-thumb .mag-post-thumb { position: relative; } .penci-magcat-carousel .magcat-thumb .mag-post-thumb i { position: absolute; z-index: 2; text-align: center; display: inline-block; width: 50px; height: 50px; line-height: 46px; background: none; top: 50%; left: 50%; margin: -30px 0 0 -30px; font-size: 18px; opacity: 1; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; border: 2px solid rgba(255, 255, 255, 0.9); background: rgba(0, 0, 0, 0.4); color: rgba(255, 255, 255, 0.9); } .penci-magcat-carousel .magcat-thumb .mag-post-thumb i.fa-play:before { margin-left: 2px; } .penci-magcat-carousel .magcat-thumb .mag-post-thumb i.fa-music:before { margin-right: 2px; } .penci-magcat-carousel .magcat-thumb .mag-post-thumb:hover i, .home-featured-cat-content .mag-post-box .magcat-thumb:hover .icon-post-format { opacity: 0; } .home-featured-cat-content .mag-post-box .magcat-thumb img { width: 120px; height: auto; } .home-featured-cat-content .mag-post-box.first-post .magcat-thumb {margin: 0 0 12px 0;float: none;} .home-featured-cat-content .mag-post-box .magcat-thumb:hover { opacity: 0.8; } .home-featured-cat-content .mag-post-box.first-post .magcat-thumb img { width: 100% !important; } .home-featured-cat-content .first-post .magcat-detail .mag-header { margin-bottom: 10px; position: relative; } /*.home-featured-cat-content .first-post .magcat-detail .mag-header:after { content: ""; position: absolute; bottom: 0; left: 0; width: 60px; height: 1px; background: #b70b17; display: block; }*/ .home-featured-cat-content .magcat-detail h3 a {color: #313131;display: block;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;font-family: "Roboto", sans-serif;font-weight: normal;line-height: 18px;font-size: 14px;letter-spacing: 0;} body.single-sub_home .home-featured-cat-content .magcat-detail h3 a {color: #FFFFFF;display: block;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;line-height: 18px;font-size: 16px;letter-spacing: 0;font-family: "Roboto Slab", serif; font-weight: bold} .home-featured-cat-content .first-post .magcat-detail h3 a {font-size: 20px;line-height: 26px;letter-spacing: 0;font-family: "Roboto Slab", sans-serif;font-weight: bold;} .home-featured-cat-content .magcat-detail h3 a:hover { color: #b70b17; text-decoration: none; } .home-featured-cat-content .magcat-detail .mag-meta { margin-top: 7px; } .home-featured-cat-content .magcat-excerpt { font-size: 16px; } .home-featured-cat-content .mag-photo { display: inline-block; width: 25%; float: left; margin-bottom: 10px; padding: 0 5px; overflow: hidden; } .home-featured-cat-content.style-3 > .mag-photo:nth-child(5) { clear: both; } .home-featured-cat-content .mag-photo .magcat-thumb { position: relative; overflow: hidden; } .home-featured-cat-content .mag-photo .magcat-detail { position: absolute; padding: 10px; width: 90%; z-index: 5; left: 0; bottom: 0; width: 100%; background-color: rgba(0,0,0,0.5); } .home-featured-cat-content .mag-photo .magcat-detail h3 a { color: #fff; font-size: 18px; } .home-featured-cat-content .mag-photo .mag-overlay-photo { position: absolute; background: #000; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.15; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } .home-featured-cat-content .mag-photo:hover .mag-overlay-photo { opacity: 0.7; } .home-featured-cat-content .mag-photo .grid-post-box-meta span, .home-featured-cat-content .mag-photo .grid-post-box-meta span a { color: #fff; } .home-featured-cat-content .mag-photo .grid-post-box-meta span:after { color: #fff; } .container .penci-grid li.magazine-layout {text-align: left; padding-bottom: 50px; margin-bottom: 0; } .container .penci-grid li.magazine-layout .grid-header-box:after { left: 0; margin-left: 0; } .penci-featured-cat-custom-ads { margin-top: -40px; margin-bottom: 60px; clear: both; display: block; overflow: hidden; width: 100%; text-align: center; } /* Style 4 - single slider */ section.home-featured-cat.mag-cat-style-4, section.home-featured-cat.mag-cat-style-5 { display: block; clear: both; } .penci-slider.penci-single-mag-slider .penci-control-nav { position: static; clear: both; margin-top: 20px !important; } .penci-slider.penci-single-mag-slider ul.slides li:before, .penci-slider.penci-single-mag-slider ul.slides li:after { content: none; display: none; } .penci-single-mag-slider .magcat-thumb { position: relative; } .penci-single-mag-slider .mag-single-slider-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 1; background: -moz-linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%); background: -webkit-linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%); background: -o-linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%); background: -ms-linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%); background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%); transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; opacity: 0.7; } .penci-single-mag-slider .magcat-thumb:hover .mag-single-slider-overlay { opacity: 0.85; } .penci-single-mag-slider .magcat-detail { position: absolute; z-index: 3; left: 0; bottom: 0; width: 100%; padding: 25px 30px; } .penci-single-mag-slider .magcat-detail .magcat-titlte { font-size: 24px; margin: 0; line-height: 1.3; opacity: 0; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: .5s; -moz-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s; } .penci-single-mag-slider .magcat-detail .magcat-titlte a { font-size: inherit; color: #fff; line-height: inherit; } .penci-single-mag-slider .magcat-detail .magcat-titlte a:hover { color: #fff; } .home-featured-cat-content .penci-single-mag-slider .grid-post-box-meta { margin-top: 14px; opacity: 0; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: .7s; -moz-animation-delay: .7s; -o-animation-delay: .7s; animation-delay: .7s; } .penci-single-mag-slider .penci-active-slide .magcat-detail .magcat-titlte, .penci-single-mag-slider .penci-active-slide .grid-post-box-meta { -webkit-animation-name: pencifadeInUp; -moz-animation-name: pencifadeInUp; -o-animation-name: pencifadeInUp; animation-name: pencifadeInUp; } .penci-single-mag-slider .grid-post-box-meta span, .penci-single-mag-slider .grid-post-box-meta span a { color: #fff; } body .penci-slider.penci-single-mag-slider ol.penci-control-nav li { margin: 0 4px; } /* Style 5 */ .penci-magcat-carousel .magcat-carousel { padding: 0 15px; visibility: hidden; opacity: 0; transition: opacity 0.25s ease-in; -webkit-transition: opacity 0.25s ease-in; -moz-transition: opacity 0.25s ease-in; } .penci-magcat-carousel.loaded .magcat-carousel { opacity: 1; visibility: visible; } .penci-magcat-carousel .magcat-thumb .mag-post-thumb { transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; margin: 0 0 24px 0; float: none; display: inline-block; vertical-align: top; width: 100%; } .penci-magcat-carousel .magcat-thumb .mag-post-thumb:hover { opacity: 0.9; } .home-featured-cat-content .penci-magcat-carousel .magcat-detail h3 a { font-size: 18px; } /* = Post & Single post -----------------------------------------------------*/ article.post, article.portfolio, article.secretaria-nacional { margin-bottom: 60px; } .penci-layout-standard-grid article.post, .penci-layout-standard-list article.post, .penci-layout-standard-boxed-1 article.post, .penci-layout-classic-grid article.post, .penci-layout-classic-list article.post, .penci-layout-classic-boxed-1 article.post { margin-bottom: 60px; } .single .post { margin-bottom: 60px; } /*** Post Header ***/ .post-box-meta-single {text-align: left;margin: 10px 0 0;line-height: 22px;font-size: 18px;float: left;} .post-box-meta-single span {color: #888887;font-size: 12px;margin-top: 6px;display: block;} .post-box-meta-single a { color: #313131; } .post-box-meta-single a:hover { color: #b70b17; } .post-box-meta-single > span:before { content: ""; width: 1px; height: 10px; background: #DEDEDE; margin: 0 15px; display: inline-block; } .post-box-meta-single > span:first-child:before { content: none; display: block; } /*** Post images gallery ***/ #wpadminbar { z-index: 99998; } .post-image { margin-bottom: 26px; text-align: center; vertical-align: top; } .container-single-fullwidth .post-image { margin-bottom: 40px; } .post-image img { max-width: 100%; height: auto; } .post-image.audio iframe, .standard-post-image.audio iframe { height: 166px; width: 100%; } .container-single a[data-rel="penci-gallery-image-content"] { cursor: zoom-in; } /*** Slick gallery ***/ .penci-slick-slider { position: relative; opacity: 0; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; max-height: 500px; } body.rtl .slick-slider { direction: ltr; } .penci-grid .penci-slick-slider, .penci-masonry .penci-slick-slider { max-height: 250px; overflow: hidden; } .penci-slick-slider img { max-width: 100%; margin: 0 auto; } .penci-slick-slider.loaded { opacity: 1; overflow: visible !important; max-height: none !important; } .penci-slick-slider > button.slick-prev, .penci-slick-slider > button.slick-next { position: absolute; width: 36px; height: 36px; display: inline-block; top: 50%; margin-top: -18px; cursor: pointer; outline: none; opacity: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; text-align: center; line-height: 36px; background: #fff; z-index: 12; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; color: #313131; border: none; } .penci-slick-slider > button.slick-prev { left: 30px; } .penci-grid .penci-slick-slider > button.slick-prev, .penci-masonry .penci-slick-slider > button.slick-prev { left: 20px; } .penci-slick-slider > button.slick-next { right: 30px; } .penci-grid .penci-slick-slider > button.slick-next, .penci-masonry .penci-slick-slider > button.slick-next { right: 20px; } .penci-slick-slider.loaded > button.slick-prev, .penci-slick-slider.loaded > button.slick-next { opacity: 0.8; } .penci-slick-slider > button.slick-prev:hover, .penci-slick-slider > button.slick-next:hover, .penci-slick-slider.loaded > button.slick-prev:hover, .penci-slick-slider.loaded > button.slick-next:hover { opacity: 1; } .penci-slick-slider > button.slick-prev i, .penci-slick-slider > button.slick-next i { font-size: 20px; display: inline-block; line-height: 36px; } .penci-grid .penci-slick-slider > button.slick-prev, .penci-grid .penci-slick-slider > button.slick-next { opacity: 0.8; } .penci-grid .penci-slick-slider:hover > button.slick-prev, .penci-grid .penci-slick-slider:hover > button.slick-next { opacity: 0.8; } .penci-grid .penci-slick-slider > button.slick-prev:hover, .penci-grid .penci-slick-slider > button.slick-next:hover { opacity: 1; } /*** Post Entry ***/ .post-entry { margin-bottom: 33px; line-height: 28px; position: relative; } .post-entry.standard-post-entry { margin-bottom: 0; } .post-entry:before { content: " "; display: table; } .post-entry .inner-post-entry:after { content: " "; display: table; clear: both; } .post-entry .inner-post-entry > p:last-of-type { margin-bottom: 0; } .post-entry.page-has-margin { margin-bottom: 85px; } .post-entry img { max-width: 100%; height: auto; } .post-entry a:hover { text-decoration: underline; } .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6, .post-entry hr { margin-top: 32px; } .post-entry p {margin-bottom: 17px;text-align: left !important;} .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6 { color: #313131; clear: both; letter-spacing: 0; line-height: 1.3em; } .post-entry hr { border: 0; height: 0; border-bottom: 1px solid #dedede; clear: both; } .post-entry blockquote { padding: 0; position: relative; margin: 0 0 20px 0; } .post-entry blockquote, .post-entry blockquote p {font-size: 18px;color: #888;font-style: italic;line-height: 1.7;text-align: left;} .post-entry blockquote p { margin: 0; } .post-entry blockquote { position: relative; padding: 0 0 0 46px; border: none !important; overflow: hidden; } .post-entry blockquote:before {color: #b70b17;content: "\201C";font-family: 'Playfair Display SC', serif;font-size: 64px;font-weight: 900;line-height: 1;font-style: normal;position: absolute;top: -4px;left: 0;} .post-entry blockquote cite, .post-entry blockquote .author { display: block; font-size: 12px; text-transform: uppercase; margin-top: 7px; color: #b70b17; font-style: normal; font-family: "Roboto", sans-serif; font-weight: bold; overflow: hidden; text-align: left; position: relative; z-index: 1; } .post-entry blockquote .author span { position: relative; display: inline-block; padding: 0 10px 0 0; } .post-entry blockquote .author span:after { content: " \201D"; position: absolute; top: 50%; width: 90px; height: 1px; background: #b70b17; left: 100%; opacity: 0.8; } .penci-pullqoute.align-left { max-width: 460px; float: left; width: 100%; margin-right: 20px; } .penci-pullqoute.align-right { max-width: 460px; float: right; width: 100%; margin-left: 20px; } .post-entry ul, .post-entry ol { padding-left: 50px; margin-bottom: 20px; } .post-entry ul ul { margin: 2px 0; padding-left: 22px; } .post-entry ol ol { margin: 2px 0; padding-left: 32px; } .post-entry ul li { margin-bottom: 7px; position: relative; list-style-type: square; line-height: 1.7; } .post-entry ol li { margin-bottom: 2px; list-style: decimal; } .sticky.post .post-header { border: 1px dashed #ddd; padding: 20px 0; } .bypostauthor { } .post-entry table { width: 100%; margin-bottom: 22px; border-collapse: collapse; border-left: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; border-top: 2px solid #CCC; } .post-entry td, .post-entry th { padding: 6px; border-bottom: 1px #e9e9e9 solid; line-height: 16px; } .post-entry th { font-weight: bold; font-size: 14px; background: #f5f5f5; } .post-entry tr:hover { background: #ffffff; } .post-entry #btn-readmore { position: absolute; bottom: 0; width: 100%; padding: 10px; text-align: center; background: #FFFFFF; -webkit-box-shadow: 0 -20px 80px 40px #FFFFFF; -moz-box-shadow: 0 -20px 80px 40px #FFFFFF; box-shadow: 0 -20px 80px 40px #FFFFFF; border-top: 2px solid #b70b17; } .post-entry #btn-readmore span { text-transform: uppercase; color:#b70b17; font-weight: bold; cursor: pointer; border-radius: 5px; display: block; } /*** Gird post share ***/ .gird-post-share { margin-top: 9px; position: relative; text-align: center; } .gird-list-posts-share { background: #fff; display: inline-block; padding-right: 11px; position: relative; padding-left: 11px; } .gird-post-share:before { position: absolute; width: 100%; top: 9px; height: 1px; content: ""; left: 0; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; } .gird-post-share a { margin: 0 4px; font-size: 14px; color: #939393; } .gird-post-share a:hover { color: #b70b17; } .gird-post-share .gird-list-posts-share a:first-child { margin-left: 0; } .share-box-grid.share-box-comments i { font-size: 15px; } /** Post tags && share box in single ***/ .tags-share-box { display: table; width: 100%; margin: 0; position: relative; padding: 19px 160px 18px 0; clear: both; border-top: 1px solid #DEDEDE; } .tags-share-box.center-box { text-align: center; padding: 15px 0; } .tags-share-box.hide-tags.page-share { text-align: center; padding: 16px 0; position: relative; border-bottom: 1px solid #DEDEDE; } .post-tags { display: block; position: relative; z-index: 10; color: #888; margin-bottom: 0; line-height: 1.4; margin-top: 31px; } .post-tags > span { display: inline-block; text-transform: uppercase; margin: 0 12px 0 0; font-style: italic; color: #888; } .post-tags > span i { vertical-align: bottom; } .container-single .post-entry .post-tags a { text-transform: uppercase; color: #888; padding: 6px 12px 5px; margin-right: 8px; margin-bottom: 8px; display: inline-block; font-size: 11px !important; background: none; border: 1px solid #DEDEDE; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; outline: none; font-weight: normal; line-height: 1.2; } .container-single .post-entry .post-tags a:hover { background: #b70b17; color: #fff; border-color: #b70b17; text-decoration: none; } .post-share { display: inline-block; position: absolute; z-index: 10; right: 0; top: 20px; } .tags-share-box.center-box .post-share, .tags-share-box.hide-tags.page-share .post-share { position: static; } .tags-share-box.hide-tags.page-share .share-title { font-size: 12px; text-transform: uppercase; color: #313131; font-family: "Roboto", sans-serif; font-weight: bold; margin-right: 5px; } .post-share .count-number-like { font-weight: bold; font-style: italic; font-size: 13px; color: #b70b17; vertical-align: top; } .post-share .list-posts-share { display: inline-block; vertical-align: top; } .post-share a { transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; font-size: 14px; margin: 0 0 0 10px; color: #313131; display: inline-block; vertical-align: top; position: relative; } .post-share a:hover, .post-share a.liked { color: #b70b17; } .post-share a.penci-post-like { margin-left: 5px; } .tags-share-box .single-comment-o { color: #888; } .tags-share-box .single-comment-o i { margin-right: 5px; } .tags-share-box .single-comment-o:after, .post-share a.penci-post-like:after { content: ""; display: inline-block; width: 1px; height: 12px; background: #DEDEDE; margin: 4px 6px 0 20px; vertical-align: top; } .tags-share-box .single-comment-o:after { margin-right: 20px; } .tags-share-box .single-comment-o.hide-comments-o:after { display: none; content: none; } .post-share a .dt-share { position: absolute; display: inline-block; font-size: 9px; font-family: 'Roboto', sans-serif; font-weight: normal; background: #313131; color: #fff; height: 20px; white-space: nowrap; line-height: 20px; text-align: center; z-index: 20; bottom: -45px; width: 60px; left: 50%; margin-left: -30px; opacity: 0; visibility: hidden; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; } .post-share a:hover .dt-share { opacity: 1; bottom: -30px; visibility: visible; } .post-share a .dt-share:before { position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 7px solid #313131; content: ""; top: -7px; left: 50%; margin-left: -4px; } article.page.type-page { margin-bottom: 60px; } /*** Post author ***/ .post-author { margin: 0; overflow: hidden; padding: 38px 0 37px 0; border-top: 1px solid #E0E0E0; max-width: 780px; } body.tax-autor .post-author { border-bottom: 1px solid #E0E0E0;margin: 0 auto 38px; } .author-img { float: left; margin-right: 20px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; overflow: hidden; } .author-img img { width: 80px; height: 80px; } .post-author .author-content { margin-left: 100px; } .author-content h5 { font-size: 14px; letter-spacing: 1px; margin: 0 0 15px; color: #313131; display: block; font-family: 'Roboto', sans-serif; font-weight: bold; text-transform: uppercase; } .author-content h5 a { display: inline-block; margin: 0; color: #313131; } .author-content h5 a:hover { color: #b70b17; } .author-content p { margin: 6px 0; } .author-content .author-social { font-size: 14px; color: #313131; margin-right: 10px; } .author-content .author-social:hover { color: #b70b17; } /*** Post Pagination ***/ .post-pagination { overflow: hidden; margin: 0; padding: 12px 0 15px; border-top: 1px solid #DEDEDE; } .post-pagination .prev-post { float: left; width: 50%; } .post-pagination .next-post { float: right; text-align: right; width: 50%; } .post-pagination span { margin: 0; display: inline-block; color: #888; } .post-pagination span i { font-size: 15px; margin-right: 8px; } .post-pagination span i.fa-angle-double-right { margin: 0 0 0 8px; } .post-pagination .arrow { font-size: 64px; color: #ddd; line-height: 64px; } .post-pagination .prev-post .arrow { float: left; margin-right: 18px; } .post-pagination .next-post .arrow { float: right; margin-left: 18px; } .pagi-text { margin-top: 6px; } .post-pagination h5 { font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: bold; padding: 0 25px 0 0; position: relative; letter-spacing: 1px; text-transform: uppercase; line-height: 1.4; } .post-pagination h5.next-title { padding: 0 0 0 25px; } .post-pagination a { color: #313131; } .post-pagination a:hover { color: #b70b17; } .penci-post-nav-thumb { display: inline-block; float: left; width: 56px; margin-right: 15px; } .penci-post-nav-thumb.nav-thumb-next { float: right; margin: 0 0 0 15px; } /*** Post related ***/ .post-related { overflow: hidden; margin: 0; text-align: center; padding: 36px 0 36px; border-top: 1px solid #DEDEDE; } .post-title-box, #respond h3.comment-reply-title { position: relative; padding: 0; margin-bottom: 30px; text-align: center; } #respond h3.comment-reply-title span, .post-box-title { font-size: 18px; letter-spacing: 1px; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: bold; color: #313131; position: relative; z-index: 10; display: inline-block; padding: 0 10px; } #respond h3.comment-reply-title span:before, #respond h3.comment-reply-title span:after, .post-box-title:before, .post-box-title:after { content: ""; position: absolute; width: 60px; height: 1px; background: #b70b17; display: block; top: 50%; margin-top: -1px; left: 100%; } #respond h3.comment-reply-title span:before, .post-box-title:before { left: auto; right: 100%; } .penci-carousel { margin-left: -15px; margin-right: -15px; max-height: 220px; } .penci-carousel.loaded { max-height: none; } .penci-carousel button.slick-prev, .penci-carousel button.slick-next { position: absolute; width: 36px; height: 36px; display: inline-block; top: 50%; margin-top: -18px; cursor: pointer; outline: none; opacity: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; text-align: center; line-height: 36px; background: #fff; z-index: 12; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; color: #313131; border: none; font-size: 20px; } .penci-carousel.loaded:hover button.slick-prev, .penci-carousel.loaded:hover button.slick-next { opacity: 0.8; } .penci-carousel.loaded button.slick-prev:hover, .penci-carousel.loaded button.slick-next:hover { opacity: 1; } .penci-carousel > button.slick-prev { left: 25px; } .penci-carousel > button.slick-next { right: 25px; } .penci-carousel > button.slick-prev.slick-disabled, .penci-carousel > button.slick-next.slick-disabled { cursor: auto; } /*.penci-carousel .item-related { opacity: 1; }*/ .item-related { margin: 0 15px; opacity: 0; transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; text-align: center; } .item-related { margin: 0 15px; text-align: center; } .penci-carousel.loaded .item-related { opacity: 1; } .item-related img { width: 100%; height: auto; } .item-related > a { transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; display: inline-block; margin-bottom: 13px; width: 100%; position: relative; } .item-related > a:hover { opacity: 0.85; } .penci-carousel .item-related > a { background-color: #f1f1f1; } #navigation .penci-megamenu .penci-mega-post a i, .item-related > a i { position: absolute; width: 36px; height: 36px; line-height: 32px; left: 50%; top: 50%; margin: -15px 0 0 -15px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; font-size: 14px; transition: opacity 0.25s; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; border: 2px solid rgba(255, 255, 255, 0.9); background: rgba(0, 0, 0, 0.4); color: rgba(255, 255, 255, 0.9); text-align: center; } #navigation .penci-megamenu .penci-mega-post a i.fa-music:before, .item-related > a i.fa-music:before { margin-right: 2px; } #navigation .penci-megamenu .penci-mega-post a i.fa-play:before, .item-related > a i.fa-play:before { margin-left: 2px; } #navigation .penci-megamenu .penci-mega-post a:hover i, .item-related > a:hover i { opacity: 0; } .item-related h3 { font-size: 16px;color: #313131;line-height: 22px;letter-spacing: 0; } .item-related h3 a {color: #313131;} .item-related h3 a:hover { color: #b70b17; } .item-related span.date { color: #888888; display: inline-block; margin-top: 7px; } ul.slick-dots { opacity: 0; transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; list-style: none; text-align: center; display: block; clear: both; margin-top: 23px; } .slick-slider.loaded ul.slick-dots { opacity: 1; } ul.slick-dots li { display: inline-block; line-height: 1; } ul.slick-dots li button { width: 12px; height: 12px; display: inline-block; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; font-size: 0; background: #fff; margin: 0 5px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; outline: none; vertical-align: top; cursor: pointer; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; border: 2px solid #DEDEDE; } ul.slick-dots li button:hover, ul.slick-dots li.slick-active button { background: #b70b17; border-color: #b70b17; } .galleria { height:600px; margin-bottom:30px; } /* Vídeo Vertical */ body.home .penci-carousel.loaded .item-related iframe.video_vertical { width: 130px; height: 190px; } /* = Page Under Construction -----------------------------------------------------*/ .container.under-construction-page { text-align: center; margin-top: 232px; margin-bottom: 176px; } .under-construction-page .under-title { font-size: 30px; color: #313131; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 8px; } .under-construction-page .sub-title-content, .under-construction-page .sub-title-content p { font-size: 16px; font-style: italic; margin: 0; } .under-construction-page .sub-title-content a:hover { text-decoration: underline; } .penci-countdown { text-align: center; margin: 71px 0 0 0; } .penci-countdown .countdown-section { margin: 0 57px; display: inline-block; } .penci-countdown .countdown-row .countdown-section:first-child { margin-left: 0; } .penci-countdown .countdown-row .countdown-section:last-child { margin-right: 0; } .penci-countdown .countdown-amount { font-size: 72px; color: #b70b17; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: bold; line-height: 1; display: block; text-align: center; letter-spacing: 3px; } .penci-countdown .countdown-period { display: block; text-align: center; letter-spacing: 1px; font-size: 20px; text-transform: uppercase; color: #313131; margin: 26px 0 0 0; line-height: 1; font-family: 'Roboto', sans-serif; font-weight: bold; } /* = Column -----------------------------------------------------*/ .penci-column { margin-right: 4%; position: relative; float: left; min-height: 1px; display: block; padding: 0 !important; margin-bottom: 17px; } .column-last { margin-right: 0 !important } .column-1-2 { width: 48% } .column-1-3 { width: 30.6666666667% } .column-2-3 { width: 65.3333333333% } .column-1-4 { width: 22% } .column-3-4 { width: 74% } /* = Page navigation -----------------------------------------------------*/ .penci-pagination { margin: 60px; overflow: hidden; clear: both; text-align: center; } .penci-pagination.align-center { text-align: center; } .penci-pagination.align-right { text-align: right; } .penci-pagination a, .penci-pagination .disable-url { color: #999999; font-family: 'Roboto', sans-serif; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; font-size: 12px; display: inline-block; line-height: 1; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .penci-pagination .disable-url span { opacity: 0.5; } .penci-pagination a i, .penci-pagination .disable-url i { font-size: 14px; margin-left: 8px; } .penci-pagination .newer a i, .penci-pagination .newer .disable-url i { margin: 0 8px 0 0; } .penci-pagination a:hover { text-decoration: none; color: #b70b17; } .penci-pagination .newer, .penci-pagination .older { display: inline-block; } .penci-pagination .newer:after { content: "/"; display: inline-block; margin: 0 16px 0 20px; font-family: 'Roboto', sans-serif; font-size: 12px; color: #999; } .penci-pagination ul.page-numbers { list-style: none; display: inline-block; vertical-align: top; } .penci-pagination ul.page-numbers li { display: inline-block; float: left; margin-right: 10px; background-color: #FFFFFF; } .penci-pagination ul.page-numbers li:last-child { margin-right: 0; } .penci-pagination ul.page-numbers li span, .penci-pagination ul.page-numbers li a { padding: 0; min-width: 30px; height: 30px; text-align: center; line-height: 28px; font-size: 14px; display: inline-block; border: 1px solid #DEDEDE; color: #888; text-decoration: none; } .penci-pagination ul.page-numbers li a { padding: 0 5px; } .penci-pagination ul.page-numbers li a:hover { color: #313131; border-color: #999999; text-decoration: none; } .penci-pagination ul.page-numbers li span.current { color: #fff; background: #b70b17; border-color: #b70b17; text-decoration: none; } .penci-pagination ul.page-numbers li a i { font-size: 16px; line-height: 28px; margin-left: 2px; } /* = Footer -----------------------------------------------------*/ #footer-area { background: #f2f2f2; padding: 60px 0; text-align: center; position: relative; clear: both; } #footer-section { padding: 0; background: #f2f2f2; text-align: center; color: #999; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center center; } .footer-widget-wrapper .widget-social a i {background-color: #aaaaaa; color: #FFF; border: none; padding-top: 2px; } .footer-widget-wrapper .widget-social.show-text a span { color: #FFFFFF; } .footer-widget-wrapper .penci-border-arrow .inner-arrow { border-color: #666; } /* = Footer socials -----------------------------------------------------*/ .footer-socials-section { padding: 30px 0; border-bottom: 1px solid #4A4A4A; border-top: 1px solid #4A4A4A; text-align: center; } ul.footer-socials { list-style: none; display: inline-block; vertical-align: top; } ul.footer-socials li { float: left; display: inline-block; margin-right: 40px; } ul.footer-socials li:last-child { margin-right: 0; } ul.footer-socials li a { line-height: 36px; display: inline-block; vertical-align: top; } ul.footer-socials li a i { width: 36px; height: 36px; line-height: 34px; display: inline-block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: none; color: #999; border: 1px solid #999; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-size: 14px; vertical-align: top; } ul.footer-socials li a:hover i { background: #b70b17; color: #fff; border-color: #b70b17; } ul.footer-socials li a span { text-transform: uppercase; font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: bold; color: #999; display: inline-block; letter-spacing: 1px; margin-left: 14px; vertical-align: top; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } ul.footer-socials li a:hover span { color: #b70b17; } /* = Footer Logo & copyright -----------------------------------------------------*/ .footer-logo-copyright { padding: 40px 0 73px; text-align: center; } .footer-logo-copyright.footer-not-gotop { padding: 40px 0; } .footer-logo-copyright.footer-not-logo { padding: 20px 0 62px; } .footer-logo-copyright.footer-not-logo.footer-not-gotop { padding: 20px 0; } #footer-logo { margin: 0 0 32px 0; } #footer-copyright * { font-size: 14px; color: #999; line-height: 1.4; } #footer-copyright a { color: #b70b17; } #footer-copyright a:hover { text-decoration: underline; } /* = Footer go to top -----------------------------------------------------*/ #footer-section .go-to-top-parent { width: 100%; height: auto; display: block; position: absolute; left: 0; bottom: 17px; text-align: center; z-index: 10; } #footer-section .go-to-top-parent span { color: #999; font-size: 12px; font-weight: bold; font-family: 'Roboto', sans-serif; text-transform: uppercase; line-height: 1; display: inline-block; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } #footer-section .go-to-top-parent span:before, #footer-section .go-to-top-parent span:after { content: " "; display: table; } #footer-section .go-to-top-parent span:after { clear: both; } #footer-section .go-to-top-parent i { font-size: 18px; z-index: 5; position: relative; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; color: #999; line-height: 1; margin-bottom: 3px; } #footer-section .go-to-top:hover span, #footer-section .go-to-top:hover i { color: #fff; } /* Posts Relacionados */ #leiamais {margin: 40px 0;background-color: #f1f1f1;padding: 5px 10px;width: 50%;float: right; margin: 10px 0 20px 30px;} #leiamais h3 { margin: 5px; padding-bottom: 3px; border-bottom: 1px solid #b70b17; color: #b70b17; } #leiamais ul { padding: 0 } #leiamais ul li { border-bottom: 1px solid #CCCCCC; padding: 3px 8px; margin: 0; list-style-type: none; } #leiamais ul li a { color:#333333; } /** = Widget */ .textwidget { line-height: 1.8; } #widget-area { overflow: hidden; margin: 0; padding: 60px 0; background: #f2f2f2; position: relative; border-top: 1px solid #313131; } #widget-area > .container { position: relative; z-index: 3; } .footer-widget-wrapper { width: 31%; margin-right: 3.5%; float: left; } .footer-widget-wrapper > .widget:last-child { margin-bottom: 0 !important; } .widget input { font-weight: normal; } .widget input[type="submit"] { font-family: 'Roboto', sans-serif; font-weight: bold; } .mag-item-3 .widget { text-align: center; } #sidebar .widget { width: 100%; margin-right: 0; float: none; margin-bottom: 60px; } #sidebar .widget.widget_wp_soundpress_plugin { margin-bottom: 10px; } #sidebar .wp_widget_plugin_box:last-of-type .widget.widget_wp_soundpress_plugin { margin-bottom: 60px; } #sidebar img { max-width: 100%; height: auto; vertical-align: top; } .footer-widget-wrapper.last { margin-right: 0; } #sidebar .widget-title {color: #313131;margin-bottom: 15px;font-family: 'Roboto', sans-serif;font-weight: bold;letter-spacing: 1px;position: relative;text-align: center;line-height: 1.3;background: #fff;} /** Fórum de Debates **/ body.category-tribuna-de-debates-do-pt #header { margin-bottom: 0 } #sidebar .penci_forum_debates_widget .widget-title { text-align: center; padding: 10px 0; text-transform: uppercase; background: #CE0000 url('assets/images/tribuna-de-debates-do-pt-category.png') no-repeat scroll center center; background-size: cover; } #sidebar .penci_forum_debates_widget .widget-title a { color:#FFFFFF; } #sidebar .penci_forum_debates_widget .widget-title img { max-width: 200px; } .widget.penci_forum_debates_widget ul.side-newsfeed li { padding: 0 0 4px; } .widget.penci_forum_debates_widget ul.side-newsfeed li.mais { text-align: right; margin-top: -11px; padding-top: 3px; background: #FFF url('assets/images/tribuna-de-debates-do-pt-category.png') no-repeat scroll center center; background-size: cover; } .widget.penci_forum_debates_widget ul.side-newsfeed li.mais a { font-weight: bold; padding: 4px 10px; color: #CE0000; font-size: 14px; background-color: rgba(255,255,255,0.7); } .widget.penci_forum_debates_widget ul.side-newsfeed li .side-item .side-item-text h4 a { padding-left:0; } div.post-image .head_forum_debates { background: #CE0000 url(assets/images/tribuna-de-debates-do-pt-category.png) no-repeat scroll center center; background-size: cover; } div.post-image .head_forum_debates a { display: block; padding: 10px; max-width: 160px; background-color: rgba(255,255,255,.7); box-shadow: 15px 0px 15px 4px rgba(255,255,255,.7); } div.post-image #footer_forum_debates { background: #CE0000 url(assets/images/tribuna-de-debates-do-pt-category.png) no-repeat scroll center center; background-size: cover; } div.post-image #footer_forum_debates a { display: block; padding: 5px 20px; color: #CE0000; text-align: right; background-color: rgba(255,255,255,0.7); font-weight: normal } .container-fluid { background: #CE0000 url(assets/images/tribuna-de-debates-do-pt-category.png) no-repeat scroll center center; background-size: cover; text-align: center; margin-bottom: 40px; display: block; } .container-fluid img { padding: 30px 0; max-width: 100%; } .container-fluid h1 { text-align: center; font-size: 36px; color: #FFFFFF; text-transform: uppercase; font-family: "Montserrat", sans-serif; padding: 26px 0; font-weight: normal } .container-fluid a { font-family: "Montserrat", sans-serif; font-size: 14px; text-align: center; color:#FFFFFF; padding: 10px 20px; display: block; text-transform: uppercase; font-weight: bold; } .post-image .aligncenter, .post-image div.aligncenter { margin-bottom: 0; margin-top: 0; } .post-entry .disclaimer { font-size: 12px; background-color: #f4f4f4; border: 1px solid rgba(0,0,0,.1); margin: 20px 0; padding: 10px 15px; line-height: 16px; } /** Widget List **/ .widget ul {list-style: none;margin-top: 10px;} .widget ul ul { padding-top: 11px; margin-top: 12px; border-top: 1px solid #DEDEDE; padding-left: 20px; } .widget ul li { margin-bottom: 11px; padding-bottom: 12px; border-bottom: 1px solid #DEDEDE; font-size: 14px; color: #888888; } .widget ul > li:last-child {margin-bottom: 0;padding-bottom: 0;border-bottom: none;} .widget ul li a { font-size: 14px; font-style: normal; line-height: 1.4; } .widget a { color: #313131; } .widget a:hover { color: #b70b17; text-decoration: underline; } /*** Widget categories ***/ .widget .screen-reader-text { display: block; margin: 0 0 10px 0; font-size: 14px; } .widget select { padding: 2px; line-height: 32px; height: 32px; vertical-align: middle; border-spacing: 0; clear: both; margin: 0; font-size: 14px; width: 100%; max-width: 360px; outline: none; } .widget.widget_categories ul li, .widget.widget_archive ul li { text-align: right; color: #888; display: table; width: 100%; font-style: italic; padding-right: 2px; } .widget.widget_categories ul li { text-align: left; } .widget.widget_archive ul li a { float: left; } .widget.widget_categories ul li a { display: block !important; } .widget.widget_categories ul li a:before, .widget.widget_archive ul li a:before { content: "\f105"; font-family: FontAwesome; display: inline-block; margin-right: 10px; font-size: 90%; } .widget.widget_categories ul li span.category-item-count { float: right; font-style: italic; color: #888888; font-family: 'Roboto Slab', serif; font-weight: normal; } .widget.widget_sp_image { text-align: center } /*** Search widget ***/ #searchform input.search-input { border: 1px solid #e9e9e9; background: #fff url(assets/images/searchsubmit.png) no-repeat 94% 15px; padding: 14px 43px 14px 20px; color: #313131; letter-spacing: 1px; font-size: 14px; font-family: 'Roboto', serif; font-weight: normal; } #searchform #s:focus { outline: none; } /** searchbar for widget ***/ .widget #searchform input.search-input, #sidebar .widget #searchform input.search-input { width: 100%; max-width: 340px; } /*** About Widget ***/ .widget .about-widget { text-align: center; } .about-widget img { max-width: 100% !important; height: auto; margin-bottom: 20px; } .about-widget .about-me-heading { color: #313131; font-size: 18px; font-family: 'Roboto Slab', serif; font-weight: bold; padding-bottom: 16px; line-height: 1.3; margin-bottom: 19px; position: relative; } .about-widget .about-me-heading:before { content: ""; display: inline-block; width: 60px; position: absolute; margin-left: -30px; left: 50%; bottom: 0; border-top: 1px solid #b70b17; } /*** Tagcloud widget ***/ .widget .tagcloud a { text-transform: uppercase; background: #ffffff; color: #999999; padding: 6px 12px 5px; margin-right: 5px; margin-bottom: 8px; display: inline-block; font-size: 11px !important; background: none; border: 1px solid #DEDEDE; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; outline: none; font-weight: normal; line-height: 1.2; } .widget .tagcloud a:hover { color: #ffffff; background: #b70b17; border-color: #b70b17; text-decoration: none; } /*** Calender widget ***/ #wp-calendar { width: 100%; } #wp-calendar caption { text-align: right; color: #777; font-size: 14px; margin-top: 10px; margin-bottom: 15px; font-weight: bold; letter-spacing: 1px; } #wp-calendar thead { font-size: 12px; } #wp-calendar thead th { padding-bottom: 10px; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding: 8px; } #wp-calendar tbody td a { font-weight: 700; color: #222; } #wp-calendar tbody td:hover { background: #fff; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 11px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 12px; text-transform: uppercase; padding-top: 15px; } #wp-calendar thead th { padding-bottom: 10px; text-align: center; } /** Widget items **/ .widget ul.side-newsfeed li {list-style-type: none;padding: 5px 10px 9px;margin-left: 0;} li.penci-feed {} #latest-posts-readmore { text-align: right; padding-top:10px; } #latest-posts-readmore a { color: #b70b17; font-weight: bold; } .widget ul.side-newsfeed li .side-item { overflow: hidden; } .widget ul.side-newsfeed li .side-item .side-image { float: left; margin-right: 20px; position: relative; } .widget ul.side-newsfeed li .side-item .side-image.thumbnail-right { float: right; margin-right: 0; margin-left: 20px; } .widget ul.side-newsfeed li .side-item .side-image a { transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } .widget ul.side-newsfeed li .side-item .side-image a:hover { opacity: 0.8; } .widget ul.side-newsfeed li .side-item .side-image a span.count-post { position: absolute; z-index: 2; bottom: 10px; left: 10px; display: inline-block; background: #ffffff; color: #313131; width: 30px; height: 30px; line-height: 30px; font-size: 16px; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .widget ul.side-newsfeed li .side-item .side-image img { width: 120px; height: auto; } .widget ul.side-newsfeed li .side-item .side-item-text {overflow: hidden;} .widget ul.side-newsfeed li .side-item .side-item-text h4 a:hover { color: #b70b17; text-decoration: none; } .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta {letter-spacing: 0;color: #313131;font-family: 'Roboto', sans-serif;font-style: normal;margin: 0 20px 0 0;font-weight: 400;} .widget ul.side-newsfeed li.featured-news { padding-bottom: 26px; } .widget ul.side-newsfeed li.featured-news.all-featured-news { text-align: center; border-bottom: none; margin-bottom: 0; } .widget ul.side-newsfeed li.featured-news .side-image { float: none !important; margin: 0 0 11px 0 !important; } .widget ul.side-newsfeed li.featured-news .side-image img { width: 100% !important; } .widget ul.side-newsfeed li.featured-news .side-item .side-item-text h4 a { font-size: 18px; margin-bottom: 6px; } .widget .penci-feed-excerpt { margin-top: 16px; color: #313131; } .widget ul.side-newsfeed li .side-item .num_popular {float:left;font-size: 40px;color:#666;line-height:0.9em;font-weight: normal;color:#b70b17;font-style: italic;text-align: left;font-family: "Roboto Slab", serif;width: 38px;} .widget ul.side-newsfeed li.featured-news .side-item .side-item-text h4 a.tit_popular { margin:0;font-weight:normal!important;font-size:14px; } .mag-item-2 .penci_latest_news_widget {overflow: hidden;} .mag-item-2 .penci_latest_news_widget .penci-border-arrow { margin-top: 0 } #related-mobile .side-item-text { text-align: left; } #related-mobile .side-item-text small { margin-left: 10px; } /** Widget Slider **/ .penci-widget-slider { max-width: 500px; width: 100%; clear: both; } .widget .penci-widget-slider ul li { margin: 0; padding: 0; border-bottom: none; } .widget .penci-widget-slider ul li:before, .widget .penci-widget-slider ul li:after { content: none; display: none; } .penci-slider.penci-widget-slider .penci-direction-nav .penci-prev, .penci-slider.penci-widget-slider .penci-direction-nav .penci-next { color: #fff; width: auto; height: auto; margin-top: -7px; line-height: 1; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; background: none !important; z-index: 10; } .penci-slider.penci-widget-slider .penci-direction-nav .penci-prev { left: 20px; } .penci-slider.penci-widget-slider .penci-direction-nav .penci-next { right: 20px; } .penci-slider.penci-widget-slider .penci-direction-nav .penci-prev i, .penci-slider.penci-widget-slider .penci-direction-nav .penci-next i { line-height: 15px; } .penci-widget-slider .penci-slide-content { position: relative; text-align: center; } .penci-widget-slider-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; } .penci-widget-slider .penci-widget-slide-detail { position: absolute; top: 50%; left: 30px; right: 30px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 5; } .widget .penci-widget-slider .penci-widget-slide-detail h4 a { color: #fff; font-size: 16px; text-transform: uppercase; text-decoration: none; } .penci-widget-slide-detail .slide-item-date { color: #fff; display: block; margin-top: 5px; } /** Social Widget **/ .widget-social { text-align: center; display: table; width: 100%; } .widget-social.show-text { margin-left: -5px; } .widget-social a i { width: 46px; height: 46px; line-height: 44px; background: none; color: #313131; border: 1px solid #E0E0E0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; margin: 0 5px 5px; display: inline-block; font-size: 24px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-align: center; } .widget-social.show-text a i { margin-bottom: 0; } .widget-social a:hover i { text-decoration: none; color: #ffffff; background: #b70b17; border-color: #b70b17; } .widget-social a span { display: none; } .widget-social a:first-child { margin-left: 0; } .widget-social a:last-child { margin-right: 0; } .widget-social.show-text a { width: 50%; float: left; text-align: left; margin-bottom: 10px; } .widget-social.show-text a span { display: inline-block; color: #313131; text-transform: uppercase; font-size: 13px; margin-left: 10px; font-family: 'Roboto', sans-serif; font-weight: bold; letter-spacing: 0; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } .widget-social.show-text a:hover span { color: #b70b17; } /* = Quote widget -----------------------------------------------------*/ .quote-widget { position: relative; display: block; } .quote-widget > i.fa { color: #999999; position: absolute; top: 0; left: 0; font-size: 22px; } .quote-widget > p { padding-left: 40px; } .footer-widget-wrapper .quote-widget > i.fa { font-size: 24px; } .footer-widget-wrapper .quote-widget > p { padding-left: 42px; } /* = Filiometro widget -----------------------------------------------------*/ .filiometro_widget ul li { text-align: center; } .filiometro_widget .counter { font-size:30px;color:#333; } .filiometro_widget small { padding-top:5px; color:#666 } /* = Parceiros widget -----------------------------------------------------*/ .parceiros_widget li { text-align: center; } .parceiros_widget li a img { max-width: 100%; } /* = Mailing widget -----------------------------------------------------*/ .mailing_widget form { padding-bottom: 4px; } .mailing_widget form { width:100%; } .mailing_widget input {width:100%;padding: 6px;border-radius:4px;border: 1px solid #CCC;margin: 5px 0;color:#333;font-size: 14px;} .mailing_widget button { padding: 7px 14px; border-radius:3px; cursor: pointer; float: right; background: #b70b17; color:#FFF; font-weight: bold; border:none; margin: 5px 0; font-family: 'Raleway',sans-serif; } /* = Footer box widget -----------------------------------------------------*/ /** Facebook Like Box Widget **/ .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; } article.post .fb_iframe_widget, article.post .fb_iframe_widget span, article.post .fb_iframe_widget span iframe[style] { margin: 0 0 2px !important; } .fb-video { background-color: #000; margin-bottom: 0 } .fb-video span { height: auto !important; } .fb-video span iframe { margin: 5% 0; } .featured-area .fb-video span iframe { margin:0; } .inner-post-entry .fb-video, .texto-agenda .fb-video { background-color: transparent; margin-bottom: 0; } .inner-post-entry .fb-video span iframe, .texto-agenda .fb-video span iframe { margin: 0; line-height: 0; } /* Twitter Embed Responsive */ twitterwidget { width: 100%; } twitterwidget::shadow .EmbeddedTweet { width: 960px; max-width: 100%; } /* = Sidebar Instagram -----------------------------------------------------*/ #sidebar .widget .jr-insta-thumb, .footer-widget-wrapper .widget .jr-insta-thumb { margin: -5px -5px 0 -5px; } #sidebar .widget .jr-insta-thumb ul.thumbnails li, .footer-widget-wrapper .widget .jr-insta-thumb ul.thumbnails li { transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; margin: 0; } #sidebar .widget .jr-insta-thumb ul.thumbnails li:hover, .footer-widget-wrapper .widget .jr-insta-thumb ul.thumbnails li:hover { opacity: 0.8; } #sidebar .widget .jr-insta-thumb ul.thumbnails li img, .footer-widget-wrapper .widget .jr-insta-thumb ul.thumbnails li img { padding: 5px; width: 100%; } .jr-insta-thumb ul.thumbnails li img { width: 100%; } .widget .jr-insta-thumb ul.thumbnails { margin: 0; } .widget .jr-insta-thumb ul.thumbnails.jr_col_2 li { width: 50% !important; } .widget .jr-insta-thumb ul.thumbnails.jr_col_3 li { width: 33.3333% !important; } .widget .jr-insta-thumb ul.thumbnails.jr_col_4 li { width: 25% !important; } .widget .jr-insta-thumb ul.thumbnails.jr_col_5 li { width: 20% !important; } .pllexislider .pllex-direction-nav { background: none !important; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; } .pllexislider .pllex-direction-nav .pllex-next { margin-left: 1px; } .pllexislider .pllex-direction-nav li a { width: 40px; height: 40px; line-height: 40px !important; background: rgba(0, 0, 0, 0.5); text-align: center; } .pllexislider .pllex-direction-nav li { border: none !important; } .pllexislider .pllex-direction-nav .pllex-next:before, .pllexislider .pllex-direction-nav .pllex-prev:before { font-family: FontAwesome, sans-serif !important; padding: 0 !important; text-shadow: none !important; font-size: 22px !important; } .pllexislider .pllex-direction-nav .pllex-next:before { content: "\f105" !important; } .pllexislider .pllex-direction-nav .pllex-prev:before { content: "\f104" !important; } .pllexislider-overlay ul li .jr-insta-wrap .jr-insta-datacontainer .jr-insta-caption { font-size: 12px !important; line-height: 1.5em !important; margin-top: 8px !important; margin-bottom: 0 !important; } .pllexislider-overlay ul li .jr-insta-wrap .jr-insta-datacontainer { text-shadow: none !important; padding-top: 10px !important; padding-bottom: 10px !important; } /* = Footer widget instagram -----------------------------------------------------*/ .footer-instagram { width: 100%; clear: both; display: block; position: relative; height: 125px; overflow: hidden; } .footer-instagram .widget { margin: 0; } .footer-instagram h4.footer-instagram-title { position: absolute; height: 50px; text-align: center; line-height: 50px; white-space: nowrap; top: 50%; margin: -25px 0 0; left: 0; width: 100%; } .footer-instagram h4.footer-instagram-title span { display: inline-block; position: relative; padding: 0 20px; background: #fff; color: #313131; text-transform: uppercase; font-size: 12px; z-index: 10; letter-spacing: 1px; vertical-align: top; position: relative; } .footer-instagram h4.footer-instagram-title span.title { padding: 0; background: none; position: relative; z-index: 10; } .footer-instagram .jr-insta-thumb { position: relative; z-index: 1; } .footer-instagram .jr-insta-thumb ul.thumbnails li { transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; } .footer-instagram .jr-insta-thumb ul.thumbnails li:hover { opacity: 0.86; } .jr-insta-thumb ul.thumbnails li a { position: relative; display: inline-block; vertical-align: top; width: 100%; } .jr-insta-thumb ul.thumbnails li a:before, .jr-insta-thumb ul.thumbnails li a:after { position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .footer-instagram .jr-insta-thumb ul.thumbnails li a:before, .footer-instagram .jr-insta-thumb ul.thumbnails li a:after { top: 5px; right: 5px; bottom: 5px; left: 5px; } .jr-insta-thumb ul.thumbnails li a:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1); } .jr-insta-thumb ul.thumbnails li a:after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); transform: scale(1, 0); } .jr-insta-thumb ul.thumbnails li a:hover:after, .jr-insta-thumb ul.thumbnails li a:hover:before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /* = Archives -----------------------------------------------------*/ .archive-box { background: none; margin: 0 0 35px 0; padding-bottom: 15px; position: relative; text-align: center; } .archive-box:before { width: 60px; bottom: -5px; margin-left: -30px; } .archive-box .title-bar { position: relative; display: block; } .archive-box span, .archive-box h1 { letter-spacing: 1px; color: #313131; font-family: "Roboto", sans-serif; font-weight: bold; text-transform: uppercase; font-size: 24px; line-height: 1.2em; position: relative; z-index: 10; } .archive-box h1 { display: inline-block; color: #b70b17; } .nothing { margin-bottom: 60px; text-align: center; } .nothing span { position: relative; z-index: 10; color: #313131; font-size: 14px; } .penci-category-description { margin-bottom: 30px; line-height: 1.8; } .penci-category-description.align-center { text-align: center; } /*.submenu-archive { border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; padding: 5px 0; margin-bottom: 30px; text-align: center; } .submenu-archive a { margin: 0 10px; font-weight: 700; white-space: nowrap; line-height: 28px; } .submenu-archive a:hover { color:#000; }*/ /* = Breadcrumb -----------------------------------------------------*/ .container.penci-breadcrumb {line-height: 1.4;padding-bottom: 10px;margin-bottom: 10px;margin-top: -10px;} .container.penci-breadcrumb span, .container.penci-breadcrumb span a {font-size: 13px;color: #b70b17;font-family: 'Raleway', sans-serif;font-weight: normal;text-transform: uppercase;} .container.penci-breadcrumb span a:hover { color: #b70b17; } .container.penci-breadcrumb i {color: #b70b17;font-size: 13px;margin: 0 5px 0 10px;} .container.penci-woo-breadcrumb { width: 100% !important; margin-top: 0; } /* = Chapéu Campanha -----------------------------------------------------*/ .campanha { padding: 5px 10px; color: #FFFFFF; font-family: 'Montserrat', sans-serif; font-size: 14px; border:none; } body.single .campanha { margin-bottom: 10px; border-bottom: 2px solid transparent; background-color: transparent !important; } .campanha i { margin-right: 5px; } .item-related > a .campanha i { position: relative; width: auto; height: auto; line-height: normal; margin: 0 5px 0 0; border: none; background: transparent; color: #FFFFFF; text-align: left; left: 0; top: 0; font-size: inherit; font-size: 18px; line-height: 0.5em; } .item-related>a:hover .campanha i { opacity: 1; } body.tax-campanha .penci-page-header h1, .campanha span { font-weight: normal; text-align: left; border-bottom: 2px solid #C00; padding-bottom: 10px; text-transform: none; } .campanha span { font-size: 18px; font-weight: bold; } .campanha.home-pupular-posts-title:after { border: none } body.single.single-sub_home .campanha.lula_brasil, .campanha.lula_brasil { position: absolute; padding: 0; max-width: 200px; z-index: 98; } body.single.single-sub_home .grid-post-box-meta span { color:#333333; } body.single.single-sub_home .penci-grid li .item h2 a:hover { color: #CC0000; } body.single .campanha.lula_brasil { position: relative; max-width: inherit; } /* Menu Caravana */ #menu_caravana { margin: 15px auto 20px; position: relative; background-color: #FFF; height: 60px; margin-bottom: 20px; } #menu_caravana #logo_menu_caravana { float: left; display: block; } #menu_caravana #topo_menu_caravana { float: left; } #box_cidade_hoje { font-family: 'Montserrat', sans-serif; font-size: 14px; text-align: center; cursor: pointer; padding: 5px; background-color: #FFF; width: 214px; float: left; height: 60px; margin-left: 10px; line-height: 14px; border-left: 1px solid #C00; border-right: 1px solid #C00; } #box_cidade_hoje span { color: #C00; font-weight: bold; } #box_cidade_hoje #btn_menu_caravana { font-size: 14px; color: #FFF; margin-top: 4px; line-height: 10px; background-color: #C00; border-radius: 4px; font-weight: bold; padding: 2px 4px; } #box_cidade_hoje:hover #btn_menu_caravana { background-color: #F00; } #menu_caravana ul { top: 60px; left: 224px; width: 214px; z-index: 99; padding: 0 5px 0 16px; border: 1px solid #C00; border-top: none; display: none; position: absolute; background-color: #FFF; } #menu_caravana ul li { display: block; position: relative; padding-left: 6px; margin-left: -5px; border-left: 1px solid #000; } #menu_caravana ul li a { font-family: 'Montserrat', sans-serif; font-size: 14px; padding: 5px 2px; display: block; font-weight: 700; color:#000; } #menu_caravana ul li i { font-size: 13px; top: 6px; left: -6px; color: #000; padding: 0; position: absolute; background-color: #FFF; } #menu_caravana ul li:hover a, #menu_caravana ul li:hover i, #menu_caravana ul li.cidade_hoje a, #menu_caravana ul li.cidade_hoje i { color:#C00; } #menu_caravana .menu_select_caravana { float: left; } #menu_caravana .menu_select_caravana a { display: block; padding: 2px } #menu_caravana .menu_select_caravana a:hover img { opacity: 0.7; } #banner_home_caravana {background-color:#C00;text-align:center;margin-bottom:30px;} #banner_home_caravana a {display: block} /* = Page Header -----------------------------------------------------*/ .penci-page-header {margin: 0 0 50px 0;padding: 20px 0;text-align: center;position: relative;} .penci-page-header span { margin-bottom: 5px; display: block } /*.penci-page-header:after, .penci-page-header:before {content: "";width: 90px;height: 1px;position: absolute;left: 50%;margin-left: -45px;bottom: 0;background: #b70b17;}*/ /*.penci-page-header:before { width: 60px; bottom: -5px; margin-left: -30px; }*/ .penci-page-header h1 { color: #313131; text-transform: uppercase; font-size: 44px; line-height: 48px; font-family: 'Raleway', sans-serif; } /* = Wordpress style of core -----------------------------------------------------*/ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 20px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float: right; margin: 5px 0 22px 30px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 30px 22px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: none; padding: 0; max-width: 100%; text-align: center; position: relative; overflow: hidden; } .wp-caption.alignnone { margin: 5px 0 17px 0; } .wp-caption.alignleft { margin: 5px 30px 17px 0; } .wp-caption.alignright { margin: 5px 0 17px 30px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: 100%; } .wp-caption p.wp-caption-text { font-size: 14px; line-height: 1.4; margin: 0; padding: 11px 10px; color: #fff; font-style: italic; position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.5); transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; } .wp-caption:hover p.wp-caption-text { transform: translateY(100%); -webkit-transform: translateY(100%); opacity: 0.7; } /*** Pre & Code ***/ .post-entry pre { display: block; font-size: 14px; word-break: break-all; word-wrap: break-word; white-space: pre-wrap; background-color: #f4f4f4; border: 1px solid rgba(0, 0, 0, 0.1); margin: 0 0 20px; line-height: 1.4; padding: 15px; letter-spacing: 0; color: inherit; } .post-entry code { font-size: 12px; line-height: 20px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; border-left: 4px solid #dedede; padding: 5px 10px; } /** Instagram Widget **/ .widget .zframe-flickr-wrap-ltr, .widget ul.instagram-pics { list-style: none; margin: 0; padding: 0; overflow: hidden; margin-left: -3px; margin-right: -3px; } .widget .zframe-flickr-wrap-ltr .flickr_badge_image, .widget ul.instagram-pics li { display: block; float: left; width: 33.33%; padding: 3px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin: 0 !important; border: none !important; } .widget .zframe-flickr-wrap-ltr .flickr_badge_image img { margin: 0; width: 100%; float: none; height: auto; } .instag ul.thumbnails > li, .jr-insta-thumb ul > li { width: 32% !important; } .instag ul li, .jr-insta-thumb ul li { margin: 0; padding-bottom: 0; border-bottom: none; } .pllexislider ul li { margin: 0; padding-bottom: 0; border-bottom: none; } .pllexislider-normal ul li .jr-insta-datacontainer .jr-insta-time, .pllexislider-normal ul li .jr-insta-datacontainer .jr-insta-username, .pllexislider-normal ul li .jr-insta-datacontainer .jr-insta-caption { line-height: 1.5; } /*** Custom WordPress gallery style ***/ .gallery .gallery-caption { font-size: 13px; color: #939393; font-family: "Roboto", sans-serif; font-weight: bold; font-style: italic; } .gallery .gallery-icon img { border-radius: 2px; border: 1px solid #eee !important; padding: 7px; } .gallery .gallery-icon img:hover { border: 1px solid #ccc !important; } .penci-post-gallery-container { margin-bottom: 20px; } .penci-post-gallery-container a { opacity: 0; } .justified-gallery > a > .caption, .justified-gallery > div > .caption { font-family: inherit; font-weight: inherit; padding: 9px 15px; line-height: 1.5; opacity: 1 !important; background: rgba(0, 0, 0, 0.6); bottom: -100%; transition: all 0.3s; -webkit-transition: all 0.3s; display: block !important; } .justified-gallery > a:hover > .caption, .justified-gallery > div:hover > .caption { bottom: 0 } /* = Latest Tweets -----------------------------------------------------*/ .penci-tweets-widget-content ul li { margin: 0 !important; padding: 0 !important; border: none !important; } .penci-slider.penci-tweets-slider ul.slides li:before, .penci-slider.penci-tweets-slider ul.slides li:after { content: none !important; display: none !important; } .penci-tweets-widget-content .icon-tweets { display: block; text-align: center; margin-bottom: 12px; font-size: 32px; color: #b70b17; margin-top: -10px; } .penci-tweets-widget-content .tweet-text { color: #313131; margin-bottom: 10px; text-align: center; } .penci-tweets-widget-content .tweet-intents { text-align: center; overflow: hidden; } .penci-tweets-widget-content .tweet-intents a { color: #b70b17; font-size: 13px; font-style: italic; } .penci-tweets-widget-content .tweet-intents span:after { content: "/"; margin: 0 5px; font-size: 11px; color: #b70b17; font-family: 'Roboto Slab', serif; } .penci-tweets-widget-content .tweet-intents span:last-child:after { content: none; display: none; } .penci-tweets-widget-content .tweet-intents-inner { display: inline-block; vertical-align: top; position: relative; } .penci-tweets-widget-content .tweet-intents-inner:before, .penci-tweets-widget-content .tweet-intents-inner:after { content: ""; position: absolute; top: 50%; width: 90px; height: 1px; background: #b70b17; right: 100%; margin-right: 15px; } .penci-tweets-widget-content .tweet-intents-inner:after { right: auto; left: 100%; margin-right: 0; margin-left: 15px; } .penci-tweets-widget-content .tweet-date { line-height: 1.8; white-space: nowrap; text-align: center; margin-bottom: 9px; } .penci-slider.penci-tweets-slider .penci-control-nav { position: static; margin-top: 23px !important; } body .penci-slider.penci-tweets-slider ol.penci-control-nav li { margin: 0 4px; } body .penci-slider.penci-tweets-slider ol.penci-control-nav li a { width: 10px; height: 10px; box-shadow: none; -webkit-box-shadow: none; border: 1px solid #d4d4d4; } .penci-slider.penci-tweets-slider ol.penci-control-nav li a.penci-active, .penci-slider.penci-tweets-slider ol.penci-control-nav li a:hover { border-color: #b70b17; background: #b70b17; } /* = Page 404 -----------------------------------------------------*/ .error-404 { text-align: center; margin: 150px 0 112px; } .error-image { position: relative; padding-bottom: 41px; margin-bottom: 30px; } .error-image:after { content: ""; position: absolute; width: 60px; height: 1px; background: #b70b17; bottom: 0; left: 50%; margin-left: -30px; } .error-404 .sub-heading-text-404 { font-size: 16px; font-weight: normal; margin: 0; color: #313131; } .error-404 form#searchform { margin: 31px 0 0; padding: 0 10px; } .error-404 form#searchform input.search-input { width: 100%; max-width: 270px; } .error-404 .go-back-home { margin-top: 50px; } .error-404 .go-back-home a { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; font-family: 'Roboto', sans-serif; font-weight: 500; text-decoration: none; line-height: 1.5; position: relative; display: inline-block; padding-bottom: 1px; } .error-404 .go-back-home a:after { position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background: #b70b17; content: ""; } /* Header Sign-Up form */ .penci-header-signup-form { display: block; padding: 20px 0; background: #b70b17; margin: -50px 0 60px; } .penci-header-signup-form .mc4wp-form { margin: 0; width: 100%; max-width: 100%; color: #fff; } .penci-header-signup-form .mc4wp-form > form { display: table; width: 100%; } .penci-header-signup-form h4.header-signup-form { text-align: center; margin-bottom: 18px; font-size: 24px; color: #fff; text-transform: uppercase; } .penci-header-signup-form .mc4wp-form-fields { display: table; width: 100%; } .penci-header-signup-form .mc4wp-form-fields > p, .penci-header-signup-form form > p { display: table-cell; text-align: left; color: #fff; padding-right: 20px; line-height: 1.5; vertical-align: middle; } .penci-header-signup-form .mc4wp-form-fields > p:last-of-type, .penci-header-signup-form form > p:last-of-type { padding-right: 0; } .penci-header-signup-form .mc4wp-form-fields > p:first-of-type, .penci-header-signup-form form > p:first-of-type { max-width: 500px; } .penci-header-signup-form .mc4wp-form input[type="text"], .penci-header-signup-form .mc4wp-form input[type="email"] { margin: 0; margin-right: 20px; border-color: #fff; color: #fff; } .penci-header-signup-form .mc4wp-form input[type="text"]::-webkit-input-placeholder, .penci-header-signup-form .mc4wp-form input[type="email"]::-webkit-input-placeholder { color: #fff; } .penci-header-signup-form .mc4wp-form input[type="text"]:-moz-placeholder, .penci-header-signup-form .mc4wp-form input[type="email"]:-moz-placeholder { color: #fff; opacity: 1; } .penci-header-signup-form .mc4wp-form input[type="text"]::-moz-placeholder, .penci-header-signup-form .mc4wp-form input[type="email"]::-moz-placeholder { color: #fff; opacity: 1; } .penci-header-signup-form .mc4wp-form input[type="text"]:-ms-input-placeholder, .penci-header-signup-form .mc4wp-form input[type="email"]:-ms-input-placeholder { color: #fff; } .penci-header-signup-form .widget input[type="submit"] { color: #313131; background: #fff; } .penci-header-signup-form .mc4wp-error, .penci-header-signup-form .mc4wp-error, .penci-header-signup-form .mc4wp-alert { margin-top: 15px; } /* = Portfolio ----------------------------------------------------*/ .wrapper-penci-portfolio { width: 100%; overflow: hidden; } .penci-portfolio-filter { display: block; text-align: center; margin: 0 0 20px 0; } .penci-portfolio-filter select { margin: 0 auto; } .penci-portfolio-filter ul { list-style: none; display: inline-block; vertical-align: top; padding: 0 !important; margin: 0; } .penci-portfolio-filter ul li {display: inline-block;float: left;margin: 0 15px;padding: 0;} .penci-portfolio-filter ul li a { color: #313131;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: normal; } .penci-portfolio-filter ul li.active a {color: #b70b17;text-decoration: none;font-weight: 700} .penci-portfolio-wrap { margin-left: -10px; margin-right: -10px; } .penci-portfolio-wrap .inner-portfolio-posts { display: inline-block; width: 100%; vertical-align: top; } .inner-portfolio-posts .portfolio-item { width: 33.33333%; padding: 0 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; float: left; margin-bottom: 20px; } .container .penci-portfolio.column-2 .inner-portfolio-posts .portfolio-item { width: 50%; } .inner-item-portfolio { position: relative; opacity: 0; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.7s; -moz-animation-duration: 0.7s; -ms-animation-duration: 0.7s; -o-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-delay: .1s; -moz-animation-delay: .1s; -o-animation-delay: .1s; animation-delay: .1s; } .penci-portfolio-wrap.column-2 .portfolio-item:nth-child(2n+1) .inner-item-portfolio, .penci-portfolio-wrap.column-3 .portfolio-item:nth-child(3n+2) .inner-item-portfolio { -webkit-animation-delay: .4s; -moz-animation-delay: .4s; -o-animation-delay: .4s; animation-delay: .4s; } .penci-portfolio-wrap.column-3 .portfolio-item:nth-child(3n+3) .inner-item-portfolio { -webkit-animation-delay: .7s; -moz-animation-delay: .7s; -o-animation-delay: .7s; animation-delay: .7s; } .penci-portfolio.loaded .inner-item-portfolio.animated { -webkit-animation-name: pencifadeInUp; -moz-animation-name: pencifadeInUp; -o-animation-name: pencifadeInUp; animation-name: pencifadeInUp; opacity: 1; } .penci-portfolio-thumbnail a:after { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; content: ""; -webkit-transition: .5s; transition: .5s; z-index: 10; } .inner-item-portfolio:hover .penci-portfolio-thumbnail a:after { opacity: 0.87; } .inner-item-portfolio .portfolio-desc { position: absolute; text-align: center; top: 50%; width: 100%; padding: 0 10px; margin: 0; z-index: 12; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .inner-item-portfolio a { text-decoration: none !important; } .inner-item-portfolio .portfolio-desc h3 { opacity: 0; text-transform: uppercase; font-size: 14px; margin-bottom: 10px; position: relative; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); -webkit-transition: .3s cubic-bezier(.215, .61, .355, 1) 0s; transition: .3s cubic-bezier(.215, .61, .355, 1) 0s; transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; color: #313131; } .inner-item-portfolio .portfolio-desc span { opacity: 0; font-size: 12px; display: block; vertical-align: top; line-height: 1.3; text-decoration: none; color: #888; -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); -webkit-transition: .3s cubic-bezier(.215, .61, .355, 1) 0s; transition: .3s cubic-bezier(.215, .61, .355, 1) 0s; transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; } .inner-item-portfolio:hover .portfolio-desc h3, .inner-item-portfolio:hover .portfolio-desc span { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .single-portfolio-thumbnail { margin-bottom: 26px; text-align: center; vertical-align: top; } .portfolio-page-content .portfolio-detail { margin: 0 auto; max-width: 1000px; } /*----------------------------------------------- LiveBlog / Agenda ------------------------------------------------*/ .liveblog { position: relative; } .liveblog h3.data_liveblog { font-size: 20px; color: #FFF; background: #b70b17; padding: 5px 10px; border-radius: 10px; margin-top: 50px; } .liveblog .linha { max-width: 780px; padding: 20px; margin:0 auto 50px; position: relative; border: 1px solid #CCC; background-color: #FFFFFF; } .liveblog .linha p:last-child { margin-bottom: 0 } .liveblog .linha .texto_agenda { border-top: 1px solid #CCC; margin-top: 5px; } .liveblog .linha .texto_agenda p { margin: 10px 0; line-height: 26px; } .liveblog .linha .texto_agenda img { margin: 20px auto; } .liveblog .linha .texto_agenda .galleria img { margin: 0 auto; } .liveblog .linha .texto_agenda iframe { max-width: 100%; background-color: #FFF; } .liveblog .linha .texto_agenda img, .liveblog .linha .texto_agenda a img, .liveblog .linha .texto_agenda .wp-caption, .liveblog .linha .texto_agenda .wp-caption a, .liveblog .linha .texto_agenda .wp-caption a img { max-width: 100% !important; height: auto; margin-bottom: 0; } .liveblog .linha .texto_agenda .wp-caption img { margin: 0 auto; } .liveblog .linha .texto_agenda .wp-caption p { margin: 0; padding: 4px 10px; font-size: 10px; font-weight: 400; border-bottom: 2px solid #CCC; } .liveblog .linha .addthis_toolbox { position: absolute; right: 20px; top: 20px; width: auto } .liveblog .linha .addthis_toolbox a { margin: 0 2px; } .liveblog .linha .addthis_toolbox a span { background: #808080 !important; } .liveblog .linha h3 {font-size: 16px;font-weight: bold;color: #b70b17;line-height: 24px;margin-bottom: 0;cursor: pointer;} .linha h3, .linha .img_agenda { cursor: pointer; } .img_agenda img { max-height: 180px; } body.page-template-template-agenda .liveblog .linha h3 { margin-top: 0 } .liveblog .linha h3 .hora_liveblog { font-weight: normal; color: #333; margin: 0 3px 3px 0; font-size: 16px; } .liveblog .linha h3 .hora_liveblog .fa { margin-right: 2px; } .liveblog .linha small {font-size: 12px;display: block;} #pbd-alp-load-posts { background:#b70b17; border-radius:5px; border-radius:10px; padding: 10px; } #pbd-alp-load-posts a { color:#FFF; text-decoration: none; display: block; text-align: center; cursor: pointer; font-size: 18px; } #lightbox { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); overflow: scroll; z-index: 9999; } #lightbox #closebox { position: absolute; right: 10px; top: 10px; color: #000; cursor: pointer; font-size: 18px; } #lightbox .content { box-shadow:0 0 25px #111; -webkit-box-shadow:0 0 25px #111; -moz-box-shadow:0 0 25px #111; max-width:640px; margin: 20px auto 0; position: relative; } #lightbox .linha { margin: 20px auto; } #lightbox .content h3 { text-align: center } #lightbox .content.liveblog .linha .addthis_toolbox { right:35px; } #novidades { position:fixed; top:20px; left:50%; z-index:9990; text-align:center; background-color:#b70b17; padding:12px 20px; border-radius:5px; margin-left: -50px; display: none } #novidades a { text-align:center; color:#FFFFFF; margin: 0; font-size:16px; text-decoration:none; padding: 0; } .menu_agenda h3 { font-size: 20px; color: #333; font-weight: bold; border-bottom: 1px solid #CCC; padding-bottom: 5px; margin-bottom: 5px; } .menu_agenda ul { padding: 10px; } .menu_agenda ul li { font-size: 14px; padding: 5px 0; } .menu_agenda ul li a { color: #333; text-decoration: none; font-weight: bold; } .menu_agenda ul li a.selected { background: #b70b17; color: #FFFFFF; } .menu_agenda ul li a:hover { color: #b70b17; } .menu_agenda ul li a.selected:hover { color:#f1f1f1; } .menu_agenda .showAll { color: #b70b17; } .menu_agenda#menu_datas { margin-top: 40px; } .menu_agenda#menu_datas ul { margin-top: 10px; } body.single-liveblog .penci-page-header, body.page-template-template-agenda .penci-page-header { margin-bottom: 90px } body.single-liveblog .post-box-meta-single, body.page-template-template-agenda .post-box-meta-single { margin: 20px 0 40px } body.single-liveblog .inner-post-entry { clear: both; } #embed_live { padding: 0 10px 10px; margin-bottom: 20px; } #embed_live.open { background-color:#666666; margin-bottom:40px; width: auto; } #embed_live h3 { padding: 3px 10px; color: #FFFFFF; font-size: 14px; cursor: pointer; font-family: 'Montserrat'; background-color: #666; border-radius: 4px; margin: 0 auto; width: 180px; text-align: center; display: block; } #embed_live pre { margin: 0; background-color: #FFFFFF; display: none } #loader_more { width: 40px; height: 40px; margin: 0 auto; padding: 10px; border: 5px solid transparent; border-radius: 50%; border-top: 5px solid #FFFFFF; border-bottom: 5px solid #FFFFFF; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } @-webkit-keyframes spin {0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*----------------------------------------------- Fale / Conosco ------------------------------------------------*/ div.wpcf7 { overflow: hidden; margin-top: 40px; } div.wpcf7 p { margin-bottom: 0 } div.wpcf7 label { font-size: 16px; } div.wpcf7 label span { font-weight: bold; color:#C00; } span.wpcf7-not-valid-tip { margin-top: -10px; display: block; line-height: 1em; color:#C00; border-bottom: 1px solid #CCC; padding-bottom: 4px; font-size: 12px; margin-bottom: 10px; width:95%; } div.wpcf7-response-output { margin: 20px 14px 1em; padding: 0.6em 1em; } form.wpcf7-form input[type=text], form.wpcf7-form input[type=email], form.wpcf7-form input[type=tel], form.wpcf7-form input[type=submit], form.wpcf7-form textarea { margin-bottom: 15px; width:100%; color: #333333; font-family: 'Roboto Slab', Serif; font-weight: normal; font-size: 14px; background: #f1f1f1; border: 1px solid #d9d9d9; border-radius: 3px; padding: 10px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } form.wpcf7-form textarea, form.wpcf7-form select { border: 1px solid #d9d9d9; border-radius: 3px; margin-bottom: 15px; width: 100%; color: #333333; font-weight: normal; font-size: 14px; margin-bottom: 15px; padding: 10px; background-color: #f1f1f1 } form.wpcf7-form input[type=submit] { width: auto; padding: 16px 30px; width: 200px; text-align: center; background-color: #b70b17; color: #FFF; margin: 0 auto; cursor: pointer; border:none; font-family: "Raleway", sans-serif; text-transform: uppercase; font-weight: bold; margin-top: 20px; } form.wpcf7-form select { height: 42px; color:#333333; } form.wpcf7-form span.campo-estado { margin-right: 4%; } form.wpcf7-form span.campo-estado, form.wpcf7-form span.campo-cep { width: 48%; float: left; } div.wpcf7 input.wpcf7-not-valid, div.wpcf7 textarea.wpcf7-not-valid { background-color: #ffeded } div.wpcf7 #wp-tribuna-artigo-editor-tools { margin-top: -30px; } div.wpcf7 #wp-tribuna-artigo-editor-container { margin-bottom: 30px; } div.wpcf7-mail-sent-ok { font-size: 16px; padding: 10px 20px; font-weight: bold; } div.wpcf7 div.col_form { width: 49%; float: left; } div.wpcf7 div.col_form:nth-child(even) { margin-right: 2%; padding-right: 2%; } body.contato form { border: 2px solid #CC0000; border-radius: 10px; margin:0; } body.contato div.wpcf7 { margin: 0 0 10px; } body.contato form h3 { margin:0; padding: 5px 10px; background-color: #CC0000; color: #FFFFFF; width: 100%; font-family: 'Montserrat', sans-serif; font-weight: 700; border-radius: 5px; font-size: 16px; cursor: pointer; } body.contato form h3.active { border-radius: 5px 5px 0 0; margin-bottom: 5px } body.contato div.wpcf7:last-child h3 { background-color: #cc6600; } body.contato div.wpcf7:last-child form { border: 2px solid #cc6600; } body.contato form p { display: none; margin: 5px 10px; } body.contato form p:first-child { margin-top: 10px; } body.contato form.wpcf7-form input[type=submit] { margin: 0 auto 10px; } body.contato div.wpcf7:last-child input[type=submit] { background-color: #cc6600; } /*----------------------------------------------- AddThis ------------------------------------------------*/ .share_box { text-align: center; margin-bottom: 40px; margin-top: -10px; } .at-share-tbx-element.addthis_32x32_style .at-share-btn, .at-share-tbx-element.addthis_32x32_white_style .at-share-btn { margin-right: 5px; border-radius: 5px; } /*----------------------------------------------- Institucional ------------------------------------------------*/ h1 span { font-size: 14px; color:#b70b17; clear: both; display: block; } /* Backgrounds */ body.tax-representacao-nacional, body.tax-categoria-biblioteca, body.page-template-template-diretorios-estaduais, body.post-type-archive-secretaria-nacional, body.single-secretaria-nacional, body.single-pessoas, body.diretorio-estadual, body.page-template-template-comissao-executiva, body.tax-estado-membro, body.tax-atribuicao { background-color: #f1f1f1 } body.single-pessoas .penci-grid .grid-style { background-color: #FFFFFF; padding-bottom: 15px; } body.single-pessoas .penci-grid .grid-style .grid-header-box { padding: 0 10px 10px; } body.single-pessoas .penci-grid .grid-style .item-content { padding: 0 10px; } body.single-secretaria-nacional #sidebar, body.single-secretaria-nacional .container .penci-grid > li {background-color: #FFFFFF;padding: 10px;} /* Biblioteca */ body.tax-categoria-biblioteca .container .penci-grid li.magazine-layout, body.post-type-archive-secretaria-nacional .container .penci-grid li.magazine-layout { background-color: #FFF; margin-bottom: 20px; padding: 15px; } body.tax-categoria-biblioteca .container .penci-grid li.magazine-layout h2 { margin: 0 } .penci-grid li .item h2.tit_ico_arquivo img { max-width: 9%; width: auto; float: right; margin-top: 5px; } .penci-grid li .item h2.tit_ico_arquivo a { width: 81%; margin-right: 5%; float: left; } /* Geral */ .estrutura-partidaria-container { display: inline-block; border-top: 1px solid #DEDEDE; width: 31%; margin: 1%; padding: 20px; background-color: #FFFFFF; vertical-align: top; min-height: 250px; } .estrutura-partidaria-container.lideranca { border-color: #C00; } .estrutura-partidaria-container .sub-title { text-align: center; margin-bottom: 10px; font-weight: 500; display: block; } .estrutura-partidaria-container .estrutura-partidaria-descricao { display: none; } .estrutura-partidaria-container .foto-membro { width: 28%; padding-top: 5px; margin: 0 auto 20px; text-align: center; } .estrutura-partidaria-container .foto-membro img { max-width: 100%; height: auto; border-radius: 50%; border:1px solid #CCC; } .estrutura-partidaria-container .foto-membro.bandeira img { border-radius: 0; } body.single-diretorios-estaduais .estrutura-partidaria-container .foto-membro img { border-radius: 0 } .estrutura-partidaria-container h2 { color: #b70b17; margin-bottom: 5px; text-align: center; } .estrutura-partidaria-container h2:after { content: ""; width: 35px; height: 1px; position: relative; background: #b70b17; display: block; margin: 10px auto; } .estrutura-partidaria-container .estrutura-partidaria-info { text-align: center } .estrutura-partidaria-container .estrutura-partidaria-info div { margin-bottom: 5px; line-height: 16px; } .estrutura-partidaria-container .estrutura-partidaria-info .secretario_cargo { font-size: 12px; } .estrutura-partidaria-container .estrutura-partidaria-info .secretario_principal, .estrutura-partidaria-container .estrutura-partidaria-info .secretario_principal a { font-weight: bold !important; } .estrutura-partidaria-container .estrutura-partidaria-info .secretario_adjunto { margin-top: 10px; } .estrutura-partidaria-container .estrutura-partidaria-info div.endereco { margin-bottom: 10px; } .estrutura-partidaria-container .telefones { margin-left: 15px; } .estrutura-partidaria-container .telefones .fa:before { margin-right: 10px; display: inline-block; } .estrutura-partidaria-container .rede-social { margin-top: 10px; margin-bottom: 0; padding-left: 0; text-align: center; } .estrutura-partidaria-container .rede-social li { display: inline; margin-right: 10px; list-style-type: none; } .estrutura-partidaria-container .rede-social li .fa-youtube { font-size: 14px; } .estrutura-partidaria-container .fa-globe, .estrutura-partidaria-container .fa-envelope, .estrutura-partidaria-container .fa-phone { margin-right: 5px; font-size:12px; color:#666666; } .sidebar-fale-conosco { background: #ffffff; border-width: 2px 1px 1px 1px; border-style: solid; border-color: #000 #f0f0f0 #f0f0f0 #f0f0f0; padding: 20px 26px 20px 15px; } .sidebar-fale-conosco .destaque-contatos > li { margin: 20px 0px; } .list-contatos { margin-bottom: 30px; } .list-contatos h2 { margin-bottom: 10px; } .filter-select { max-width: 100%; width: 100%; background: #ffffff url('assets/images/arrow.png') no-repeat 95%; cursor: pointer; border: 1px solid #d9d9d9; border-radius: 3px; color: #000; font: 300 16px 'Roboto'; height: 45px; margin-bottom: 7px; padding: 14px 10px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; appearance: none; -moz-appearance: none; -webkit-appearance: none; } .address-item { display: none; } #menu_letras { text-align:center;margin:10px 0 20px; } #menu_letras span { text-transform:uppercase;padding:10px;font-size:16px;font-weight:bold;color:#CCC;display: inline-block; } #menu_letras span.ativo { color:#333;cursor:pointer; } #menu_letras span.ativo.selecionado, #menu_letras span:hover { color:#C00 } /* Menu Secretarias */ .menu_secretarias_widget .menu-secretarias-item { width: 100%; padding: 5px; min-height: auto; border-bottom: 1px solid #dedede; border-top: none; margin-left: 0; } .menu_secretarias_widget .menu-secretarias-item h2 a:before { content:'\2605'; margin-right: 6px; color:#b70b17; } .menu_secretarias_widget .menu-secretarias-item h2 a { margin: 6px 0; color: #313131; display: block; font-size: 14px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; font-family: "Roboto",sans-serif; letter-spacing: 0; line-height: 1.2; font-weight: normal; padding-left: 10px; } .menu_secretarias_widget .menu-secretarias-item h2 a:hover { text-decoration: none; color: #b70b17; } .menu_secretarias_widget .menu-secretarias-item h2:after { content: none; } /* Single */ .addthis_toolbox { margin-top: 10px; float: right; width: 220px; text-align: right } .estrutura-partidaria-container .estrutura-partidaria-descricao { display: none; } .estrutura-partidaria-container .estrutura-partidaria-descricao p { margin-bottom: 10px } .estrutura-partidaria-container .estrutura-partidaria-descricao p:last-child { margin-bottom:0 } .estrutura-partidaria-container.container-presidente { width: 98% } .estrutura-partidaria-container.container-presidente h2, .estrutura-partidaria-container.container-presidente .sub-title { text-align: left; } .estrutura-partidaria-container.container-presidente .foto-membro { float: left; width: 20% } .estrutura-partidaria-container.container-presidente .foto-membro img { max-width: 100% } .estrutura-partidaria-container.container-presidente .rede-social { text-align: left } .estrutura-partidaria-container.container-presidente .estrutura-partidaria-info { float: left; width: 22%; float: left; margin-left: 3%; text-align: left; } .estrutura-partidaria-container.container-presidente .estrutura-partidaria-descricao { display: block; } .estrutura-partidaria-container.container-presidente .estrutura-partidaria-info strong { font-size: 20px; } .estrutura-partidaria-container.container-presidente .estrutura-partidaria-descricao { float: left; width: 52%; margin-left: 3% } .estrutura-partidaria-container.estrutura-partidaria-single { width: 100%; float: none; padding: 20px; display: block; margin-bottom: 40px; margin: 30px 0; position: relative; } .estrutura-partidaria-container.estrutura-partidaria-single .foto-membro { width: 15%; margin-right: 2%; float: left; } .estrutura-partidaria-container.estrutura-partidaria-single .estrutura-partidaria-info { width: 26%; margin-right: 2%; margin-left: 0; margin-top: 5px; float: left; text-align: left; } .estrutura-partidaria-container.estrutura-partidaria-single .estrutura-partidaria-descricao { width: 55%; float: left; display: block } .estrutura-partidaria-container.estrutura-partidaria-single .rede-social li { float: left } body.single-landing_pages .estrutura-partidaria-container.estrutura-partidaria-single { background-color: #f1f1f1; } body.single-landing_pages .estrutura-partidaria-container.estrutura-partidaria-single .foto-membro { margin-bottom: 0 } div.estrutura-partidaria-container div.sub-title span { margin: 0 15px 0 0;padding-right: 10px;display: inline-block;vertical-align: top; margin-bottom: 5px;position: relative;} div.estrutura-partidaria-container div.sub-title span:after { content: ""; display: inline-block; border: 1px solid #b70b17; margin-left: 11px; position: absolute; top: 50%; margin-top: -2px; width: 3px; height: 3px; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } div.estrutura-partidaria-container div.sub-title span:last-child { margin-right: 0; padding: 0; } div.estrutura-partidaria-container div.sub-title span:last-child:after { display: none } div.estrutura-partidaria-container.estrutura-partidaria-single .header-standard.header-classic { border-bottom: 1px solid #DEDEDE; } .estrutura-partidaria-container.estrutura-partidaria-person .penci-page-header { border-bottom: 1px solid #dedede; margin-bottom: 10px; padding-bottom: 10px; text-align: left; width: 85%; } .estrutura-partidaria-container.estrutura-partidaria-person .penci-page-header .titulo_single { font-weight: 300; text-transform: none; font-family: "Roboto", sans-serif; margin-bottom: 10px; color: inherit; text-align: inherit; font-size: 28px; } .estrutura-partidaria-container.estrutura-partidaria-person .penci-page-header .titulo_single:after {content: none} .estrutura-partidaria-container.estrutura-partidaria-person .penci-page-header:after, .estrutura-partidaria-container.estrutura-partidaria-person .penci-page-header:before { content: none; width: 0; height: 0; } .estrutura-partidaria-container.estrutura-partidaria-person .sub-title { font-weight: 400;text-align: left;font-size: 12px;margin-top: 5px;margin-bottom: 0px; } .estrutura-partidaria-container.estrutura-partidaria-person .estrutura-partidaria-info .sub-title { font-size:16px; margin-bottom: 20px; } .estrutura-partidaria-container.estrutura-partidaria-person div.sub-title span { margin-right: 0; padding-right: 0 } .estrutura-partidaria-container.estrutura-partidaria-person div.sub-title span:after { content: none; margin: 0; } .estrutura-partidaria-container.estrutura-partidaria-person .estrutura-partidaria-info { width: 34%; margin-right: 0 } .estrutura-partidaria-container.estrutura-partidaria-person .estrutura-partidaria-info h3 { font-family: 'Montserrat', sans-serif; font-weight: normal; font-size: 16px; margin: 30px 0 6px; } .estrutura-partidaria-container.estrutura-partidaria-person .estrutura-partidaria-info h3 span { color: #C00; } .estrutura-partidaria-container.estrutura-partidaria-person .estrutura-partidaria-info .fa { color:#b70b17; width:16px; text-align: center; } .estrutura-partidaria-container.estrutura-partidaria-person .estrutura-partidaria-info div a { color:#313131; font-weight:normal; } .estrutura-partidaria-container.estrutura-partidaria-person .estrutura-partidaria-info .sub-title a { color:#b70b17; font-weight:normal; } .estrutura-partidaria-container.estrutura-partidaria-person .estrutura-partidaria-descricao { width: 52%; } .estrutura-partidaria-container.estrutura-partidaria-person .foto-membro {width: 13%;position: absolute;right: 0;top: 18px;} body.single-secretaria-nacional .estrutura-partidaria-container { min-height: auto; } body.single-secretaria-nacional .penci-portfolio-filter ul li { display: inline; background-color: #FFFFFF; padding: 3px 8px; margin: 4px 6px; float: none; line-height: 30px; } body.single-secretaria-nacional .penci-portfolio-filter ul li a { white-space: nowrap; } .banner_horizontal { margin: 60px 0; text-align: center } .banner_horizontal img { margin: 0 auto; } .banner_donation { margin: 30px 0; text-align: center } .banner_donation img { margin: 0 auto; } @media only screen and ( max-width:480px ){ .banner_donation { margin: 15px 0; } } .phone strong { float: left; margin-right: 5px; } .phone p { line-height: 19px; } /*LandingPages*/ #landingpage-bg { background:#f1f1f1 no-repeat scroll top center;background-size:cover; } #landingpage-header { text-align: left; padding-bottom: 20px; } #landingpage-header #lp-info { float:left;width:81.62%; } #landingpage-header #lp-info h2 { font-family: 'Roboto', sans-serif; font-weight: bold; margin-bottom: 10px; } #landingpage-header #lp-info h2 i { font-size: 20px; } #landingpage-header #lp-info p { line-height: 18px; margin-bottom: 10px; } #landingpage-header #lp-info h1, #landingpage-header #lp-info h2, #landingpage-header #lp-info a, #landingpage-header #lp-info i, #landingpage-header #lp-info #landingpage-descricao { color:#FFFFFF; } #landingpage-header #lp-info.background--dark h1, #landingpage-header #lp-info.background--dark h2, #landingpage-header #lp-info.background--dark a, #landingpage-header #lp-info.background--dark i, #landingpage-header #lp-info.background--dark #landingpage-descricao { color:#FFFFFF; } #landingpage-header #lp-info.background--light h1, #landingpage-header #lp-info.background--light h2, #landingpage-header #lp-info.background--light a, #landingpage-header #lp-info.background--light i, #landingpage-header #lp-info.background--light #landingpage-descricao { color:#333333; } #landingpage-header #lp-info.background--complex h1, #landingpage-header #lp-info.background--complex h2, #landingpage-header #lp-info.background--complex a, #landingpage-header #lp-info.background--complex i, #landingpage-header #lp-info.background--complex #landingpage-descricao { color:#b70b17; } #landingpage-header #lp-img { float: right; width: 15.81%; margin-bottom: 20px; } #landingpage-header h1 { text-transform: none; color:#000000; font-size: 38px; line-height: 42px; margin-bottom: 10px; } #landingpage-header:after, #landingpage-header:before {content: none;} #landingpage-descricao { font-size: 14px; font-weight: 400; color: #000000; } #landingpage-descricao div { margin-top: 2px; } #landingpage-descricao div i {margin-right: 10px; width: 10px;text-align: right;color:#b70b17} #landingpage-descricao div a { color:#000000; } /* Área PT */ #topo-area-pt { margin-bottom: 0; } #topo-area-pt h1 { text-indent: -9999px; float: left; height: 0; } #topo-area-pt img { max-width: 100%; } body.area-pt .clear-footer .clear-footer-0 { background: #FFFFFF url('assets/images/area-pt-fundo.jpg') no-repeat scroll top center; background-size: cover; height: 200px; } ul.penci-topbar-menu>li.comunidade_menu.logado { background-color: #F00; padding: 0 10px; } ul.penci-topbar-menu>li.comunidade_menu.logado a:hover { color: #000; } ul.penci-topbar-menu>li.comunidade_menu.logado .sub-menu { background-color: #F00; } #menu_areapt { margin-bottom: 30px; display: none; padding-top: 3px; background-color: #f1f1f1; } #menu_areapt ul li { float:left; margin: 6px 0; border-right:1px solid #454545; } #menu_areapt ul li a { font-size: 12px; font-weight: bold; text-transform: uppercase; padding: 3px 8px; color: #454545; } #menu_areapt ul li a:hover { color: #F00; } #menu_areapt ul li.menu_areapt_logo { padding: 0 6px; margin: 0; } #menu_areapt ul li.menu_areapt_logo a { background:none; padding: 0; vertical-align: middle } #menu_areapt ul li a img { max-width: 120px; } iframe#comunidade_pagina { width: 100%; height: 1000px; } #banner-home { margin: 50px auto 20px; } #banner-home .banner-home { width: 31%; margin-right: 3.1%; display: inline-block; } #banner-home .last_banner { margin: 0; } #banner-home .banner-home img { width: 100%; } @media only screen and ( min-width:961px ) and ( max-width:1199px ){ #banner-home .banner-home { margin: 0;} } @media only screen and ( max-width:961px ) { #banner-home { margin: 20px auto 20px; } #banner-home .banner-home { width: 80%; margin: 0 0 5% 0; display: inline-block; } } @media only screen and ( min-width:961px ) and ( max-width:1169px ) { .estrutura-partidaria-container { width: 47%; } } @media only screen and ( max-width:961px ) { #landingpage-header #lp-info, #landingpage-header #lp-img { float:none; width:100%; margin-top:60px; position: relative; top: auto; } #landingpage-header #lp-img { max-width: 500px; margin: 40px auto 0 } .estrutura-partidaria-container { margin-right: 0; width: 100%; float: none; } .estrutura-partidaria-container.estrutura-partidaria-person .penci-page-header { width: 100% } .estrutura-partidaria-container.estrutura-partidaria-person .penci-page-header h1 { font-size: 26px; text-align: center !important; } .estrutura-partidaria-container.container-presidente h2 { font-size: 28px; float: none; width: 100%; } .estrutura-partidaria-container.container-presidente .estrutura-partidaria-info { float: none; width: auto; margin: 0 } .estrutura-partidaria-container.container-presidente .foto-membro {float: none;width: auto} .estrutura-partidaria-container.estrutura-partidaria-single .foto-membro, .estrutura-partidaria-container.estrutura-partidaria-single .estrutura-partidaria-info, .estrutura-partidaria-container.estrutura-partidaria-single .estrutura-partidaria-descricao { width: 100%; float: none; margin: 10px 0 30px; text-align: center; position: relative; } .estrutura-partidaria-container.estrutura-partidaria-single .estrutura-partidaria-descricao { text-align: left; } .estrutura-partidaria-container.estrutura-partidaria-person .sub-title { font-weight: 400; text-align: center; font-size: 12px; } } /*----------------------------------------------- End Institucional ------------------------------------------------*/ body.search .penci-page-header { margin-bottom: 0; } #avancada { max-width: 500px; margin: 0 auto 20px; padding: 5px 10px 10px; background-color: #f1f1f1; } #avancada #botao_avancada { padding: 5px; background-color: #f1f1f1; font-weight: bold; color: #b70b17; text-transform: uppercase; text-align: center; cursor: pointer; } #avancada #campos_busca { display: none; } #avancada #campos_busca .search-input { width: 98%; background-position: 98% 4px; } #avancada #campos_busca input {border: 1px solid #e9e9e9; padding: 6px 10px; color: #313131; letter-spacing: 1px; font-size: 14px; font-family: 'Roboto',serif; font-weight: 400; margin: 4px } #avancada #campos_busca label { margin: 4px 6px; } #avancada #campos_busca .datas { width: 45%; background: #FFFFFF url(aassets/images/banners/numero_filiadosssets/images/calendar.jpg) no-repeat scroll 98% 4px; } #avancada #campos_busca .separator { display: inline; width: 3%; } #avancada #campos_busca .separator img { max-width: 100%; margin-bottom: 9px; } #avancada #campos_busca select { height: 30px; background-color: #FFFFFF; margin: 4px; } #avancada #campos_busca #envia_busca { background-color: #b70b17; color: #FFF; font-weight: 700; margin-right:30px; text-transform: uppercase; font-weight: bold; font-size: 12px; float: right; cursor: pointer; } #semantica { border-bottom: 1px solid #b70b17; margin-bottom: 25px; border-top: 1px solid #b70b17; padding-top: 20px; } #semantica li { background-color: #f1f1f1; padding: 10px; } #semantica li h2 { font-size: 18px; line-height: 22px; } #semantica li .cat { margin:0; font-size: 12px; } #semantica li .cat i { font-size: 10px; } #semantica li .cat div { margin-bottom: 2px; } #semantica .thumbnail { width: 15%; height: auto; float: left; margin-right: 4%; margin-bottom:0; } #semantica .grid-header-box { width: 81%; float: left; padding:0; } .credito_imagem { text-align: right; font-size: 12px; color: #666666; line-height: 16px; } #topo_congresso { background-position: bottom; margin-bottom: 0 } #menu_congresso { background: #980303; height: 40px; padding-top: 10px; color: #FFFFFF; } #menu_congresso span { display: inline; } #menu_congresso a { display: inline; } #menu_congresso a:hover { text-decoration: underline; } #frame_integracao { background-color: #333333; padding: 0 } #frame_integracao a h1 { color: #FFF; font-size: 20px; font-weight: normal; display: inline-block; padding-left: 20px; margin-bottom: 4px; } #frame_integracao a img { width: 50px; height: 50px; } /*----------------------------------------------- Responsive Design ------------------------------------------------*/ .mobile { display: none !important; } .desktop { display: block; } select.mobile { width: 50%; float: left; margin-bottom:12px; text-align: center; } label.mobile { width: 44%; padding-right: 5%; float: left; text-align: right; margin-bottom:12px; border-bottom: 1px solid #CCC; padding-bottom: 2px; } /*--------- Max width 1169px and Min width 961px ---------*/ @media only screen and (min-width:1170px) { .footer-widget-wrapper .fb_iframe_widget, .footer-widget-wrapper .fb_iframe_widget span, .footer-widget-wrapper .fb_iframe_widget span iframe[style] { width: 340px !important; } .footer-widget-wrapper .widget.penci_facebook_widget { text-align: center; } } @media only screen and (max-width:1169px) { #banners_areapt { margin: 20px auto; } .penci-video-overlay-background { display: block; } .inner-portfolio-posts .portfolio-item { width: 50%; } .penci-header-signup-form .mc4wp-form-fields > p, .penci-header-signup-form form > p { display: block; max-width: 100% !important; text-align: center; padding: 0; } .penci-header-signup-form .mc4wp-form input[type="text"], .penci-header-signup-form .mc4wp-form input[type="email"], .penci-header-signup-form .mc4wp-form input[type="submit"] { margin: 20px auto 0; max-width: 400px; } ul.penci-topbar-menu, div.penci-topbar-menu > ul {margin-left: 116px;} ul.penci-topbar-menu > li a, div.penci-topbar-menu > ul > li a {font-size:12px;letter-spacing:0.8px;} #navigation.header-6 #logo {} .is-sticky #navigation.header-6 #logo img {max-height: 68px;margin-top: 0;padding-top: 0;} #navigation .menu li a { font-size: 11px; letter-spacing: 0.1px; } #navigation.header-6 .menu { margin-left: 20px; } } @media only screen and (min-width:961px) and (max-width:1169px) { body.single-sub_home .penci-magazine-slider ul.mag-wrap li.mag-item-1, body.tag .penci-magazine-slider ul.mag-wrap li.mag-item-1, body.single-sub_home .penci-magazine-slider ul.mag-wrap li.mag-item-1 img, body.tag .penci-magazine-slider ul.mag-wrap li.mag-item-1 img { width: 660px; } body.single-sub_home .penci-magazine-slider ul.mag-wrap li.mag-item-2, body.tag .penci-magazine-slider ul.mag-wrap li.mag-item-2, body.single-sub_home .penci-magazine-slider ul.mag-wrap li.mag-item-3, body.tag .penci-magazine-slider ul.mag-wrap li.mag-item-3 { width: 260px; } .penci-grid li .item > .thumbnail, .penci-masonry .item-masonry > .thumbnail { height: 198px; } .penci-home-popular-post .fluid-width-video-wrapper { height: 303px; } .penci-magazine-slider ul.mag-wrap li.mag-item-1 .mag-img { min-height:auto; } .penci-grid li .fluid-width-video-wrapper { height: 198px; } .wrapper-boxed.enable-boxed, .wrapper-boxed.enable-boxed .is-sticky #navigation { max-width: 1000px; } .container.has-banner #logo { width: 320px; padding-right: 30px; } .container.has-banner .header-banner { width: 620px; } .penci-topbar-social { display: none !important; } #navigation.header-4 #top-search, #navigation.header-5 #top-search, #navigation.header-6 #top-search { margin-left: 26px; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-post { width: 25%; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4 .penci-mega-post { width: 33.3333%; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-post:nth-child(5), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4 .penci-mega-post:nth-child(4) { display: none; } #navigation ul.menu > li, #navigation .menu > ul > li {margin-right: 16px;} #navigation ul.menu li.megamenu ul ul > li > a, #navigation .menu ul li.megamenu ul ul > li > a { margin: 0 10px; } .featured-carousel .featured-content, .featured-carousel.style-2 .featured-content { top: 38.7%; } .featured-carousel.style-7 .featured-content .feat-text h3, .wrapper-boxed.enable-boxed .featured-carousel.style-7 .featured-content .feat-text h3, .featured-carousel.style-7 .featured-content .feat-text h3 a { padding: 0; } .featured-carousel.style-7 .featured-content .feat-text h3 a:before, .featured-carousel.style-7 .featured-content .feat-text h3 a:after { content: none; display: none; } .penci-magazine-slider ul.mag-wrap li {width: 284px;} .penci-magazine-slider ul.mag-wrap li.mag-item-1 { width: 546px; } ul.homepage-featured-boxes li .penci-fea-in { height: 185px; } ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 .fea-box-img:before { left: 10px; top: 10px; right: 10px; bottom: 10px; } .penci-grid li.list-post .item .content-list-right { padding-left: 400px; } .penci_sidebar .penci-grid li.list-post .item .content-list-right { padding-left: 321px; } .penci-grid li:nth-of-type(3n+1) { clear: none; } .penci-grid li.list-boxed-post-2 { width: 50%; } .penci_sidebar .penci-grid li.list-boxed-post-2 { width: 100%; } .penci-grid li.list-boxed-post-2:nth-of-type(2n+1) { clear: both; } .penci-grid li.list-boxed-post-2 .inner-parent-boxed-2 { height: 312px; } .penci-grid li.list-boxed-post-2:nth-of-type(2n+1) .content-boxed-2.show-top { display: none; } .penci-grid li.list-boxed-post-2:nth-of-type(2n+1) .content-boxed-2.show-bottom { display: block; } .penci-grid li.list-boxed-post-2:nth-of-type(2n+2) .content-boxed-2.show-top { display: block; } .penci-grid li.list-boxed-post-2:nth-of-type(2n+2) .content-boxed-2.show-bottom { display: none; } .penci_sidebar .penci-grid li.list-boxed-post-2 .content-boxed-2.show-top { display: none !important; } .penci_sidebar .penci-grid li.list-boxed-post-2 .content-boxed-2.show-bottom { display: block !important; } .penci_sidebar .penci-grid li.list-boxed-post-2 .inner-parent-boxed-2 { min-height: 312px; height: auto; } .penci-grid li.list-boxed-post-2 .item > .thumbnail:before { display: none; content: none; } .penci-photo-2-effect figcaption h2 { padding: 0 20px 20px; font-size: 18px; } .penci-photo-2-effect figcaption p { margin-top: 20px; padding: 0 20px; font-size: 93%; } .penci_sidebar .penci-photo-2-effect figcaption p { display: none; } .penci_sidebar .penci-photo-2-effect figcaption:before, .penci_sidebar .penci-photo-2-effect figcaption:after { display: none; content: none; } .penci_sidebar .penci-photo-2-effect figcaption h2 { padding: 0 20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 14px; } .container.penci_sidebar .penci-grid li.typography-style { width: 48.05%; margin-right: 3.9%; } .container.penci_sidebar .penci-grid li.typography-style:nth-of-type(3n+3) { margin-right: 3.9%; clear: none; } .container.penci_sidebar .penci-grid li.typography-style:nth-of-type(2n+1) { margin-right: 0; } .container.penci_sidebar .penci-grid li.typography-style:nth-of-type(2n+1) { clear: both; } .container.penci_sidebar .penci-grid li.typography-style { width: 100%; margin-right: 0; } .widget ul.side-newsfeed li .side-item .side-image img { width: 100px; } .widget ul.side-newsfeed li .side-item .side-item-text h4 a { font-size: 14px; } .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta { font-size: 11px; } .portfolio-overlay-content .portfolio-short, .penci_sidebar .penci-portfolio.column-2 .portfolio-overlay-content .portfolio-short { margin-top: 17%; } .penci-grid .list-post.list-boxed-post .item .content-list-right { min-height: 313px; height: 313px; } .container.penci_sidebar .penci-masonry .item-masonry.standard-masonry { width: 100%; } .home-featured-cat-content .mag-photo .magcat-detail { width: 100%; } .home-featured-cat-content .magcat-detail h3 a { font-size: 14px; } .home-featured-cat-content .magcat-detail .mag-meta { margin-top: 5px; } .home-featured-cat-content .mag-photo .grid-post-box-meta span, .home-featured-cat-content .mag-photo .grid-post-box-meta span a { font-size: 12px; } .widget-social a i { font-size: 18px; width: 36px; height: 36px; line-height: 36px; } .widget-social.show-text a span { margin-left: 1px; font-size: 12px; } ul.footer-socials li { margin-right: 15px; } ul.footer-socials li a span { margin-left: 8px; } .overlay-header-box .overlay-title a { font-size: 20px; } .widget .penci-widget-slider .penci-widget-slide-detail h4 a { font-size: 14px; } .penci-widget-slide-detail .slide-item-date { font-size: 13px; } .home-featured-cat-content .mag-photo .magcat-detail { padding: 15px; } .home-featured-cat-content .penci-magcat-carousel .magcat-detail h3 a { font-size: 16px; } .penci-single-mag-slider .magcat-detail .magcat-titlte { font-size: 20px; } .penci-magazine-slider ul.mag-wrap li.mag-item-2 {width: 284px;} .penci-magazine-slider ul.mag-wrap li.mag-item-3 {width: 284px;} /*.penci-magazine-slider ul.mag-wrap li.mag-item-2 .widget ul.side-newsfeed li:last-child { display: none }*/ .penci-magazine-slider ul.mag-wrap li iframe { height: 380px; } } /*--------- Min width 961px ---------*/ @media only screen and (min-width:961px) { #navigation .menu { display: inline-block !important; } } /*--------- Max width 960px ---------*/ /*@media only screen and (max-width:960px) {*/ @media only screen and (max-width:960px) { #banners_areapt .banner_areapt#banner_filiados p { font-size: 20px; color: #FFFFFF;margin: -11px 0 0 -45px; } #sidebar-nav, #close-sidebar-nav { z-index: 9999999; } #close-sidebar-nav i { display: inline-block; } body.single-sub_home .penci-magazine-slider ul.mag-wrap li.mag-item-1, body.tag .penci-magazine-slider ul.mag-wrap li.mag-item-1, body.single-sub_home .penci-magazine-slider ul.mag-wrap li.mag-item-1 img, body.tag .penci-magazine-slider ul.mag-wrap li.mag-item-1 img, body.single-sub_home .penci-magazine-slider ul.mag-wrap li.mag-item-2, body.tag .penci-magazine-slider ul.mag-wrap li.mag-item-2, body.single-sub_home .penci-magazine-slider ul.mag-wrap li.mag-item-3, body.tag .penci-magazine-slider ul.mag-wrap li.mag-item-3 { width: 100%; } body.single .container { padding: 0 10px; } .penci-layout-standard-grid article.post, .penci-layout-standard-list article.post, .penci-layout-standard-boxed-1 article.post, .penci-layout-classic-grid article.post, .penci-layout-classic-list article.post, .penci-layout-classic-boxed-1 article.post { margin-bottom: 20px; } #leiamais { width: 100%; margin: 10px 0 20px; } .mobile { display: block !important; } .desktop { display: none !important; } .penci-magazine-slider ul.mag-wrap li.mag-item-2 ul.side-newsfeed { height: auto; padding-top: 20px; } .estrutura-partidaria-container .rede-social { display: inline-block; } .container.has-banner #logo { text-align: center; display: block; width: auto; } .container.has-banner .header-banner { display: block; margin-top: 30px; width: 100%; } .featured-area.style-7.loaded .featured-carousel:before { content: none; display: none; } .penci-top-bar { display: none } .penci-top-bar.no-social { display: none; } .penci-topbar-social { float: none; } .headline-title, .penci-headline-posts { display: none; } .overlay-video-click { display: none !important; } #navigation.header-6 { height: 60px; } #navigation.header-6 .container { text-align: center; } #navigation.header-6 #logo { float: none; display: inline-block; margin-top: 0 } #navigation.header-6 #logo img { max-height: 58px !important; padding: 10px 0 !important; } #navigation.header-6 .show-search { height: 58px; } #navigation.header-6 .show-search a.close-search { display:none; } #navigation.header-6 #top-search > a {height: 28px; line-height: 28px;} #navigation.header-6 .show-search #searchform input.search-input { height: 58px; padding: 10px 5px; background: none; } #navigation.header-6 #top-search.shoping-cart-icon > a > span { top: 12px; } #navigation .menu li a { letter-spacing: 0.5px; } .wrapper-boxed.enable-boxed .featured-area.style-2.loaded-wait button.slick-prev { left: 0 !important; } .wrapper-boxed.enable-boxed .featured-area.style-2.loaded-wait button.slick-next { right: 0 !important; } .penci-magazine-slider ul.mag-wrap li.mag-item-1 { width: 100%; border: none; border-bottom: 4px solid transparent; } .penci-magazine-slider ul.mag-wrap li.mag-item-2, .penci-magazine-slider ul.mag-wrap li.mag-item-3 {border-right: 2px solid transparent;border-bottom: none;margin-top: 40px;margin-left: 0;width: 100%;min-height: auto;} .penci-magazine-slider.penci-loading{ background-position: bottom center; } h2.penci-heading-video { font-size: 24px; } p.penci-sub-heading-video { font-size: 14px; } .penci-grid li.list-boxed-post-2 { width: 100% !important; } .penci-grid li.list-boxed-post-2 .content-boxed-2.show-top { display: none !important; } .penci-grid li.list-boxed-post-2 .content-boxed-2.show-bottom { display: block !important; } .penci-grid li.list-boxed-post-2 .inner-parent-boxed-2, .penci_sidebar .penci-grid li.list-boxed-post-2 .inner-parent-boxed-2 { min-height: 312px; height: auto; } .penci-grid li.list-boxed-post-2 .item > .thumbnail:before { display: none; content: none; } .container .penci-grid li.typography-style { width: 100% !important; margin-right: 0 !important; } .penci-photo-2-effect figcaption p, .penci_sidebar .penci-photo-2-effect figcaption p { display: none; } .penci-photo-2-effect figcaption:before, .penci-photo-2-effect figcaption:after, .penci_sidebar .penci-photo-2-effect figcaption:before, .penci_sidebar .penci-photo-2-effect figcaption:after { display: none; content: none; } .penci-photo-2-effect figcaption h2, .penci_sidebar .penci-photo-2-effect figcaption h2 { padding: 0 20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .grid-mixed .thumbnail img { width: 100%; height: auto; } .grid-mixed .thumbnail.thumb-left, .grid-mixed .mixed-detail { display: block !important; width: 100%; } .grid-mixed .mixed-detail { padding: 30px; } .grid-mixed .penci-post-box-meta { position: relative; margin: 31px 0 4px; left: auto; right: auto; bottom: auto; } .grid-mixed .thumbnail.thumb-right { display: none !important; } #navigation.header-4 .container, #navigation.header-5 .container { text-align: right; } #navigation.header-4 .container #top-search, #navigation.header-5 .container #top-search, #navigation.header-6 .container #top-search { margin-left: 15px; } /* Main Navigation */ #navigation .button-menu-mobile { display: inline-block; } #navigation .menu { display: none !important; } .portfolio-page-content .portfolio-left, .portfolio-page-content .portfolio-right { width: 100%; padding: 0; } .portfolio-page-content .portfolio-left { margin-bottom: 30px; } .container.penci_sidebar #main { width: 100%; margin: 0; padding: 0 !important; float: none !important; } #sidebar { position: static !important; margin-left: 0 !important; top: auto !important; float: none !important; width: 100% !important; } .featured-carousel .featured-content .feat-text h3 a { font-size: 18px; letter-spacing: 1px; } .featured-carousel .carousel-meta { margin-top: 5px; } .featured-carousel .carousel-meta span { font-size: 13px; } .featured-carousel .featured-cat a { font-size: 11px; } .about-widget { text-align: center; } .footer-widget-wrapper { width: 100%; margin: 0 0 30px 0; float: none; } .footer-widget-wrapper.last { margin-bottom: 0; } .widget .jr-insta-thumb ul.thumbnails.no-border.jr_col_6 li { width: 33.33% !important; } .widget .jr-insta-thumb ul.thumbnails.no-border.jr_col_8 li { width: 25% !important; } .widget .jr-insta-thumb ul.thumbnails.no-border.jr_col_10 li { width: 20% !important; } .container .penci-portfolio.column-3 .inner-portfolio-posts .portfolio-item { width: 50%; } .column-1-2, .column-1-3, .column-2-3, .column-1-4, .column-3-4 { width: 100%; margin: 0 0 30px 0; } .penci-masonry .item-masonry { width: 50%; } .standard-masonry .standard-content .standard-share-box { display: none; } .standard-masonry .standard-main-content.has-padding { min-height: 0; padding-left: 0; } ul.footer-socials li a span { display: none; } .inner-item-portfolio { opacity: 1; } .penci-portfolio.loaded .inner-item-portfolio.animated { -webkit-animation-name: none; -moz-animation-name: none; -o-animation-name: none; animation-name: none; } ul.penci-topbar-menu, div.penci-topbar-menu > ul { display: none !important; } } /*--------- Max width 960px and min width 768px ---------*/ @media only screen and (min-width:768px) and (max-width:960px) { .penci-magazine-slider ul.mag-wrap li iframe { height: 400px } .penci-grid li .item > .thumbnail, .penci-masonry .item-masonry > .thumbnail { height: 233px; } .penci-home-popular-post .fluid-width-video-wrapper { height: 232px; } .penci-magazine-slider ul.mag-wrap li.mag-item-1 .mag-img { min-height:408px; } .wrapper-boxed.enable-boxed, .wrapper-boxed.enable-boxed .is-sticky #navigation { max-width: 766px; } .featured-area .featured-carousel, .featured-area .featured-carousel.style-2, .penci-slick-slider { max-height: 420px; } /*.featured-area.style-4, .featured-area.style-5, .penci-magazine-slider.penci-loading { min-height: 420px; }*/ #logo img { max-width: 600px; height: auto; } .featured-carousel .featured-content, .featured-carousel.style-2 .featured-content { top: 35.3%; } .penci-slider .pencislider-container .pencislider-content .pencislider-title { font-size: 26px; } .penci-slider .pencislider-container .pencislider-content .pencislider-caption { font-size: 16px; } ul.homepage-featured-boxes { margin-left: -10px; margin-right: -10px; } ul.homepage-featured-boxes li { padding: 0 10px; } ul.homepage-featured-boxes li .penci-fea-in { height: 158px; } ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 .fea-box-img:before { left: 8px; top: 8px; right: 8px; bottom: 8px; } .penci-grid li.list-post .item .content-list-right { padding-left: 378px; } .penci-grid .list-post.list-boxed-post .item .content-list-right { display: inline-block; padding: 20px 20px 20px 30px; min-height: 0; height: auto; } .penci-photo-2-effect figcaption h2, .penci_sidebar .penci-photo-2-effect figcaption h2 { font-size: 14px; } .list-boxed-post .inner-content-list-right { vertical-align: top; display: block; } .penci-pinterest-widget-container .penci-images-pin-widget a { width: 16.6666%; } .penci-countdown .countdown-section { margin: 0 20px; } .penci-countdown .countdown-amount { font-size: 60px; } .penci-grid > li { width: 48.05%; margin-right: 3.9%; } .penci-layout-mixed .penci-grid > li { width: 100% !important; margin-right: 0 !important; } .penci-grid li:nth-of-type(3n+1) { clear: none; } .penci-grid > li:nth-of-type(3n+3) { margin-right: 3.9%; } .penci-grid li:nth-of-type(2n+2) { margin-right: 0; } .penci-grid li:nth-of-type(2n+1) { clear: both; } .penci-grid li .fluid-width-video-wrapper { height: 233px; } /*body.single .fluid-width-video-wrapper { height: 370px; }*/ } /*--------- Max width 767px ---------*/ @media only screen and (max-width:767px) { div.wpcf7 div.col_form { width: 100%; float: none; margin-right: 0; padding-right: 0; } #menu_congresso { height: auto; padding-bottom: 10px; } #menu_congresso a { display: block; } /*body.single .fluid-width-video-wrapper { height: 310px; }*/ .penci-magazine-slider ul.mag-wrap li iframe { height: 280px } .addthis_toolbox { float: none; clear: both } .penci-home-popular-post .fluid-width-video-wrapper { height: 150px; } .wrapper-boxed.enable-boxed, .wrapper-boxed.enable-boxed .is-sticky #navigation { max-width: 330px; } .header-slogan .header-slogan-text { padding: 0 10px; } .featured-area .featured-carousel, .featured-area .featured-carousel.style-2, .penci-slick-slider { max-height: 180px; } .featured-area.style-4, .featured-area.style-5, .penci-magazine-slider.penci-loading { min-height: 180px; } .featured-carousel .feat-text .feat-time { display: none; } .featured-carousel .featured-cat a { margin-bottom: 0; } .penci-magazine-slider ul.mag-wrap li { width: 100% !important; border: none !important; border-bottom: 4px solid transparent !important; } .penci-magazine-slider .mag-cat { display: none; } .penci-magazine-slider .mag-item-1 .mag-meta h3 a, .penci-magazine-slider .mag-meta h3 a { font-size: 18px; } .penci-magazine-slider .mag-item-1 .mag-meta-child { margin-top: 5px; } .featured-carousel.style-7 .featured-content .feat-text h3, .wrapper-boxed.enable-boxed .featured-carousel.style-7 .featured-content .feat-text h3, .featured-carousel.style-7 .featured-content .feat-text h3 a { padding: 0; } .featured-carousel.style-7 .featured-content .feat-text h3 a:before, .featured-carousel.style-7 .featured-content .feat-text h3 a:after { content: none; display: none; } .penci-home-popular-posts { padding: 0 10px 50px; border: none; } .penci-video-overlay { left: 10px; right: 10px; } .penci-video-custom-img { -webkit-animation-delay: .1s; -moz-animation-delay: .1s; -o-animation-delay: .1s; animation-delay: .1s; } h2.penci-heading-video { font-size: 18px; -webkit-animation-delay: .3s; -moz-animation-delay: .3s; -o-animation-delay: .3s; animation-delay: .3s; } p.penci-sub-heading-video { font-size: 12px; -webkit-animation-delay: .5s; -moz-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s; } ul.homepage-featured-boxes li { width: 100%; margin-bottom: 20px; } ul.homepage-featured-boxes li:last-child { margin-bottom: 0; } #logo img { max-width: 290px; height: auto; } .post-header h1 a, .post-header h2 a, .post-header h1, .archive-box span, .archive-box h1 { font-size: 18px; letter-spacing: 1px; } .standard-content .standard-share-box { display: none; } .standard-main-content.has-padding { padding-left: 0; } .standard-main-content.has-padding, .standard-main-content.classic-main-content.has-padding { min-height: 0; } .post-image.audio iframe, .standard-post-image.audio iframe { height: 120px; width: 100%; } .thecomment .author-img { display: none; } .thecomment .comment-text { margin-left: 0; } #respond p.comment-form-author, #respond p.comment-form-email, #respond p.comment-form-url, .wpcf7 p.name, .wpcf7 p.email, .wpcf7 p.subject { width: 100%; margin: 0; } .standard-main-content > h2, .header-classic > h2, .error-404 .heading-text-404 { font-size: 24px; padding: 0; } .penci-slider.penci-loading { min-height: 250px; } .penci-slider ul.slides li .pencislider-container { padding: 0 65px; } .penci-slider .pencislider-container .pencislider-content .pencislider-title { font-size: 18px; letter-spacing: 1px; } .penci-slider .pencislider-container .pencislider-content .pencislider-caption { font-size: 13px; } .penci-slider .pencislider-container .pencislider-content .penci-button { margin: 20px 0 0; } .penci-slider .pencislider-container .pencislider-content .pencislider-button { padding: 8px 20px; font-size: 12px; } .penci-slider .pencislider-container .pencislider-content .pencislider-button:before { content: none; display: none; } .standard-main-content > h2:before, .header-classic > h2 a:before, .header-classic > h2 a:after, .post-header h1 span:before, .post-header h2 span:before, .post-header h1 span:after, .post-header h2 span:after { content: none !important; } .container.penci_sidebar .penci-grid > li { width: 100% !important; margin: 0 0 20px !important; } .container.penci_sidebar .penci-grid li:last-child { margin: 0 !important; padding-bottom: 20px !important; } .post-header h1 span, .post-header h2 span { padding: 0; } .penci-portfolio-filter ul { display: block; } .penci-portfolio-filter ul li { margin: 0 15px 15px; display: block; float: none; } .inner-portfolio-posts .portfolio-item { width: 100% !important; } .post-entry .penci-portfolio-filter ul li { display: block; margin: 0 0 6px 0; float: none; } .penci-grid .list-post.list-boxed-post .item > .thumbnail, .penci-grid .list-post.list-boxed-post .item .content-list-right, .penci-grid li.list-post .item > .thumbnail { width: 100%; display: block; height: auto; min-height: 0; float: none; max-width: 100%; } .penci-grid .list-post.list-boxed-post .item > .thumbnail:before { content: none; display: none; } .penci-grid li { width: 100% !important; margin-right: 0 !important; float: none; } .container.penci_sidebar .penci-masonry .item-masonry { width: 100%; float: none; position: static !important; margin-bottom: 30px; } .penci-grid li.list-post .item .content-list-right { padding: 0; } .penci-grid .list-post.list-boxed-post .item .content-list-right { padding: 30px; } .penci-grid li.list-post .item > .thumbnail { margin-bottom: 30px; } .penci-grid .list-post.list-boxed-post .item > .thumbnail { margin-bottom: 0; } .penci-grid li .item > .thumbnail, .penci-masonry .item-masonry > .thumbnail { width: 100%; } .penci-masonry .item-masonry { width: 100% !important; } .penci-photo-2-effect figcaption h2, .penci_sidebar .penci-photo-2-effect figcaption h2 { font-size: 22px; } .home-featured-cat-content .mag-photo { width: 100%; margin-bottom: 15px; } .home-featured-cat-content .cat-left, .home-featured-cat-content .cat-right { width: 100%; float: none; } .home-featured-cat-content .cat-left { margin-bottom: 35px; } .home-featured-cat.mag-cat-style-2 { width: 100%; margin: 0 0 20px 0; float: none; } .content-special-list { padding: 15px; } .format-post-box .post-format-icon { top: 10px; margin-left: -35px; } .format-post-box .post-format-icon i { font-size: 24px; } .format-post-box.penci-format-quote .dt-special, .format-post-box .dt-special, .format-post-box .dt-special a { font-size: 16px; line-height: 1.7; } .author-quote span { font-size: 13px; } .under-construction-page .under-title { font-size: 23px; } .penci-countdown .countdown-section { margin: 0 5px; } .penci-countdown .countdown-amount { font-size: 30px; } .penci-countdown .countdown-period { font-size: 13px; letter-spacing: 1px; margin: 15px 0 0; } h1 { font-size: 24px; } h2 { font-size: 22px; } h3 { font-size: 20px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 15px; } ul.footer-socials li { margin-right: 25px; } .penci-header-signup-form h4.header-signup-form, .header-standard h2, .header-standard .post-title, .header-standard h2 a, .penci-page-header h1 { font-size: 28px; line-height: 32px; letter-spacing: 1px; } .tags-share-box { padding: 20px 0; } .post-share { position: static; margin-top: 15px; clear: both; display: block; } .penci-overlay-over .overlay-header-box { padding: 0; left: 10px; right: 10px; } .overlay-header-box .cat, .overlay-header-box .overlay-author { display: none; } .overlay-header-box .overlay-title a { font-size: 18px; } .penci-overlay-over .overlay-header-box:after { content: none; display: none; } .overlay-post-box-meta { position: static; padding: 20px 0 0; } .penci-single-mag-slider .magcat-detail .magcat-titlte { font-size: 20px; } .home-featured-cat-content .penci-single-mag-slider .grid-post-box-meta { margin-top: 7px; } .post-pagination .prev-post, .post-pagination .next-post { float: none; width: 100%; display: table; } .post-pagination .prev-post { margin-bottom: 15px; } } /*--------- Max width 767px and Min width 480px ---------*/ @media only screen and (min-width:480px) and (max-width:767px) { .penci-grid li .item > .thumbnail, .penci-masonry .item-masonry > .thumbnail { height: 320px; } .penci-magazine-slider ul.mag-wrap li.mag-item-1 .mag-img { min-height:269px; } .container, .featured-area.style-1, .featured-carousel.style-2 .item img, .featured-area.style-4, .featured-area.magazine-slider { width: 480px; } .wrapper-boxed.enable-boxed, .wrapper-boxed.enable-boxed .is-sticky #navigation { max-width: 520px; } .featured-area .featured-carousel, .featured-area .featured-carousel.style-2, .penci-slick-slider { max-height: 280px; } .featured-area.style-4, .featured-area.style-5, .penci-magazine-slider.penci-loading { min-height: 280px; } #logo img { max-width: 460px; height: auto; } .standard-post-image .audio-iframe, .standard-content-special { left: 15px; right: 15px; bottom: 15px; } .post-image.audio iframe { width: 100%; height: auto; } .penci-countdown .countdown-section { margin: 0 15px; } .penci-countdown .countdown-amount { font-size: 40px; } .penci-countdown .countdown-period { font-size: 16px; margin: 20px 0 0; } } /*--------- Max width 479px ---------*/ @media only screen and (max-width:479px) { #menu_caravana { height: 130px; text-align: center; } #menu_caravana ul { top: 124px; text-align: left; } #menu_caravana #box_cidade_hoje { float: none; clear:both; margin: 2px auto; height: auto; } #menu_caravana #logo_menu_caravana, #menu_caravana .menu_select_caravana { display: inline-block; float: none; margin: 0 auto; } .penci-grid li .item > .thumbnail, .penci-masonry .item-masonry > .thumbnail { height: 200px; } .penci-magazine-slider ul.mag-wrap li.mag-item-1 .mag-img { min-height:168px; } .penci-grid li .fluid-width-video-wrapper { height: 200px; } .header-slogan .header-slogan-text { font-size: 12px; padding: 0 10px; } #navigation.header-6 #top-search { margin-left: 5px; } #navigation.header-6 #logo img { max-width: 200px; } /*.featured-carousel .featured-content { width: 250px; } .featured-carousel .featured-content .feat-text h3 a { font-size: 16px; } .featured-carousel .carousel-meta { display: none; }*/ .penci-magazine-slider .mag-item-1 .mag-meta h3 a, .penci-magazine-slider .mag-meta h3 a { font-size: 14px; } .penci-magazine-slider .mag-item-1 .mag-meta h3, .penci-magazine-slider .mag-meta h3 { line-height: 18px } .penci-magazine-slider .mag-item-1 .mag-meta { padding: 15px; } .penci-magazine-slider .penci-direction-nav a.penci-prev { left: 10px; } .penci-magazine-slider .penci-direction-nav a.penci-next { right: 10px; } .featured-carousel.style-7 .featured-content { bottom: 5px; } .featured-carousel.style-7 .featured-content .feat-text h3 a { padding: 0; } .standard-post-image .audio-iframe, .standard-content-special { left: 10px; right: 10px; bottom: 10px; } ul.homepage-featured-boxes li .penci-fea-in { height: 200px; } ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 .fea-box-img:before { top: 10px; left: 10px; bottom: 10px; right: 10px; } .footer-widget-wrapper .quote-widget > p { padding-left: 35px; } .widget ul.side-newsfeed li .side-item .side-image img { width: 100px; } .widget ul.side-newsfeed li .side-item .side-item-text h4 a { font-size: 15px; } .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta { font-size: 13px; } .post-box-meta span.author-post { display: none; } .standard-post-special.penci-special-format-quote .standard-content-special { position: relative; left: auto; right: auto; bottom: auto; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: 1px solid #DEDEDE; border-top: none; } .format-post-box { padding-left: 20px; padding-right: 20px; } .format-post-box.penci-format-link { padding: 15px; } .format-post-box .dt-special a { font-size: 14px; } .post-entry blockquote { padding: 0 0 0 40px; } .post-entry blockquote:before { font-size: 56px; } .post-entry blockquote, .post-entry blockquote p { font-size: 15px; } .post-author .author-content { margin: 0; } .author-img { margin-right: 20px; } .author-img img { width: 80px; height: auto; } .item-related h3 a, .post-box-title, .thecomment .comment-text span.author, .thecomment .comment-text span.author a, .author-content h5, .author-content h5 a { font-size: 18px; } .penci-slick-slider > button.slick-prev, .penci-slick-slider > button.slick-next, .penci-magazine-slider .penci-direction-nav a { width: 32px; height: 32px; line-height: 32px; margin-top: -16px; font-size: 15px; } .penci-slick-slider > button.slick-next { right: 10px; } .penci-slick-slider > button.slick-prev { left: 10px; } .penci-slick-slider > button.slick-prev i, .penci-slick-slider > button.slick-next i { line-height: 32px; font-size: 15px; } .featured-carousel > button.slick-prev, .featured-carousel > button.slick-next { display: none !important; } .featured-carousel .featured-content { width: 240px; top: 37%; } .featured-carousel .featured-cat a { padding: 2px 10px 1px; } .featured-carousel.style-2 .featured-content { top: 37%; } .featured-carousel .featured-content .feat-text { padding: 15px 10px !important; } .standard-main-content > h2, .header-classic > h2, .error-404 .heading-text-404 { font-size: 20px; } .portfolio-overlay-content .portfolio-short, .penci_sidebar .penci-portfolio.column-2 .portfolio-overlay-content .portfolio-short, .penci-portfolio.column-2 .portfolio-overlay-content .portfolio-short { margin-top: 17.5%; } .featured-carousel .featured-cat { margin-bottom: 5px; } .wrapper-boxed.enable-boxed .featured-carousel .featured-content .feat-text h3 a, .featured-carousel .featured-content .feat-text h3 a { font-size: 14px; letter-spacing: 1px; } .penci-slider.penci-loading { min-height: 160px; } .penci-slider ul.slides li .pencislider-container { padding: 0 20px; } .penci-slider .pencislider-container .pencislider-content .pencislider-title { font-size: 14px; letter-spacing: 1px; } .penci-slider .pencislider-container .pencislider-content .pencislider-caption { font-size: 12px; margin: 3px 0 0; } .penci-slider .pencislider-container .pencislider-content .penci-button { margin: 14px 0 0; } .penci-slider .pencislider-container .pencislider-content .pencislider-button { padding: 5px 10px; font-size: 10px; } .penci-slider .penci-direction-nav .penci-prev, .penci-slider .penci-direction-nav .penci-next { display: none !important; } .penci-grid .list-post.list-boxed-post .item .content-list-right { padding: 30px 15px !important; clear: both; } .penci-grid li .item h2 a, .penci-masonry .item-masonry h2 a { font-size: 18px; } .penci-photo-2-effect figcaption h2, .penci_sidebar .penci-photo-2-effect figcaption h2 { font-size: 14px; } .container .penci-grid li.typography-style .grid-post-box-meta { display: none; } .grid-mixed .mixed-detail { padding: 30px 15px; } .grid-mixed .mixed-detail h2 a { font-size: 16px; } .typography-style .content-typography { left: 10px; right: 10px; top: 10px; bottom: 10px; } .penci-grid li.list-boxed-post-2 .inner-parent-boxed-2, .penci_sidebar .penci-grid li.list-boxed-post-2 .inner-parent-boxed-2 { min-height: 200px; height: auto; padding: 30px 15px; } .error-404 .sub-heading-text-404 { font-size: 13px; } .penci-post-box-meta, .penci-post-box-meta.post-box-boxed-1 { text-align: center; } .penci-post-box-meta .penci-post-share-box { display: block; float: none; margin-top: 15px; } .penci-post-box-meta .penci-box-meta i.fa { display: none; } .penci-more-link a.more-link { font-size: 12px; padding: 5px 0; } .widget .tagcloud a { font-size: 10px !important; padding: 4px 10px 3px; margin-right: 4px; margin-bottom: 8px; } .penci-header-signup-form h4.header-signup-form, .header-standard h2, .header-standard .post-title, .header-standard h2 a, .penci-page-header h1 { font-size: 22px; line-height: 26px; } .cat > a.penci-cat-name, .penci-grid li .item .cat a, .penci-masonry .item-masonry .cat a { font-size: 11px; } .home-featured-cat-content .mag-photo .magcat-detail { padding: 15px; width: 100%; } .home-featured-cat-content .mag-photo .magcat-detail h3 a { font-size: 16px; letter-spacing: 0; } .home-featured-cat-content .magcat-detail .mag-meta { margin-top: 5px; } .home-featured-cat-content .mag-photo .grid-post-box-meta span, .home-featured-cat-content .mag-photo .grid-post-box-meta span a { font-size: 12px; } .home-featured-cat-content .magcat-detail h3 a { font-size: 15px; line-height: 1.3; } .home-featured-cat-content .magcat-detail .mag-meta span { font-size: 13px; } .post-box-meta-single span { display: block; margin-top: 5px; } .post-box-meta-single span:before { content: ""; display: none; } .penci-pagination a, .penci-pagination .disable-url { font-size: 11px; } .penci-pagination a i { font-size: 12px; } ul.slick-dots li button { margin: 0 3px; } .home-pupular-posts-title { font-size: 16px; } #footer-copyright * { font-size: 12px; } a img.alignleft, a img.alignright, a img.alignnone { margin: 0 0 30px 0; float: none; } .post-entry ul { padding-left: 25px; } .post-entry ol { padding-left: 43px; } .item-related h3 a, .post-box-title, .thecomment .comment-text span.author, .thecomment .comment-text span.author a, .author-content h5, .author-content h5 a, .archive-box span, .archive-box h1 { font-size: 16px; } .post-header h1 { font-size: 16px; } .page .post-header h1 { font-size: 20px; } .post-tags { display: block; } .post-share { display: block; float: none; margin-top: 8px; } .post-share .share-title { display: inline-block; } .post-pagination .prev-post, .post-pagination .next-post { width: 100%; float: none; } .post-pagination .prev-post { margin-bottom: 15px; } .penci-post-nav-thumb { display: none !important; } .comments ul.children { margin: 0 0 0 35px; } #sidebar-nav { width: 270px; transform: translateX(-270px); -webkit-transform: translateX(-270px); -moz-transform: translateX(-270px); } .open-sidebar-nav #close-sidebar-nav { left: 270px; } .open-sidebar-nav #sidebar-nav { left: 270px; } .penci-pagination ul.page-numbers li { margin-right: 5px; } .penci-pagination ul.page-numbers li span, .penci-pagination ul.page-numbers li a { width: 25px; } ul.footer-socials li { margin-right: 10px; } ul.footer-socials li a { line-height: 32px; } ul.footer-socials li a i { width: 32px; height: 32px; line-height: 32px; font-size: 14px; } #footer-logo img { max-width: 280px; } .footer-instagram h4.footer-instagram-title span { padding: 0 20px; font-size: 12px; } .overlay-header-box .overlay-title a { font-size: 16px; } .overlay-post-box-meta > div { margin-top: 15px; } .overlay-post-box-meta > div:first-child { margin-top: 0; display: block; } .overlay-post-box-meta > div:after { content: none; display: none; } .penci-single-mag-slider .magcat-detail { padding: 10px 15px; } .penci-single-mag-slider .magcat-detail .magcat-titlte { font-size: 15px; } .home-featured-cat-content .magcat-detail .mag-meta { display: none; } } @media screen and (max-width:782px) and (min-width:601px) { .admin-bar .is-sticky #navigation { top: 46px !important; } } @media screen and (max-width:600px) { .is-sticky #navigation { top: 0 !important; z-index: 999999; } } .container { display: block; } .banners-home { text-align: center; } .margin_minus_10 { margin-left: -10px; margin-right: -10px; } .flex_video{ display:flex; flex-flow:column; } @media screen and (min-width:1200px) { .subhome-elas { height: 100px; } } @media screen and (min-width:1024px) and (max-width:1199px) { .subhome-elas { height: 80px; } } @media screen and (min-width:624px) and (max-width:1024px) { .subhome-elas { margin-bottom: -10px; } } @media screen and (max-width:767px){ .flex_video{ display:flex;flex-flow:column-reverse; } } /*Taxonomy atribuicao*/ /* = Page Header -----------------------------------------------------*/ .attr-container { display: inline-block; border-top: 1px solid #DEDEDE; width: 97.5%; margin: 1%; padding: 20px; background-color: #FFFFFF; vertical-align: top; } .attr-container hr {border-width: 0.5px;} .attr-page-header {margin: 0 0 10px 0;padding: 20px 0;text-align: center;position: relative;} .attr-page-header h1 { color: #313131; text-transform: uppercase; font-size: 44px; line-height: 48px; font-family: 'Raleway', sans-serif; } .attr-description {text-align: justify; margin-top: 20px; position: relative;} .attr-post hr {margin-bottom: 25px; margin-top: 15px;} #topbar-pt { width: 100%; height: 20px; background-color: #000; box-sizing: border-box; line-height: 20px; padding: 1px 40px; } #topbar-pt ul { display: flex; flex-flow: row; justify-content: space-between; } #topbar-pt ul li a { display: block; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: bold; } #welcomebar-pt { width: 100%; height: 60px; background: #FFFFFF; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.13); border-radius: 0px 0px 20px 20px; display: flex; flex-flow: row; padding: 10px 20px; box-sizing: border-box; justify-content: space-between; position: relative; z-index: 2; } #welcomebar-pt .welcomebar-pt--logo { display: flex; flex-flow: row; align-items: center; } #welcomebar-pt .welcomebar-pt--logo a { background: url('assets/images/logos/pt-logo.png') no-repeat; width: 40px; height: 38px; display: block; cursor: pointer; margin-right: 10px; background-size: contain; text-indent: -9999999px; } #welcomebar-pt .welcomebar-pt--logo p { font-size: 16px; color: #4f4f4f; } #welcomebar-pt .welcomebar-pt--area-button { width: 130px; height: 40px; border-radius: 66px; background-color: #4f4f4f; font-size: 16px; color: #fff; font-weight: 700; text-align: center; line-height: 40px; display: block; } .penci-top-bar { height: 70px; background: url(assets/images/bg.jpg); z-index: 1; position: relative; padding: 20px 0 0 0; top: -20px; } .penci-topbar-social { z-index: 10; position: relative; padding-top: 10px; float: right; } .penci-topbar-social > div { display: inline-block; vertical-align: top; display: flex; flex-flow: row; justify-content: space-between; } .penci-topbar-social a { width: 32px; height: 32px; margin-left: 10px; display: block; } .penci-topbar-social a.ico-fb { background: url('assets/images/share/icon/facebook.svg'); margin-left: 0; } .penci-topbar-social a.ico-tw { background: url('assets/images/share/icon/twitter.svg'); } .penci-topbar-social a.ico-gplus { background: url('assets/images/share/icon/google+.svg'); display: none; } .penci-topbar-social a.ico-ig { background: url('assets/images/share/icon/instagram.svg'); } .penci-topbar-social a.ico-flkr { background: url('assets/images/share/icon/flickr.svg'); } .penci-topbar-social a.ico-yt { background: url('assets/images/share/icon/youtube-1.svg'); } #widget-area.widget-footer { position: relative; overflow: hidden; background: url('assets/images/bg-footer.jpg') repeat; width: 100%; padding: 20px 20px 40px 20px; box-sizing: border-box; border: none; } #widget-area.widget-footer .container-footer { display: flex; flex-flow: row; justify-content: space-between; } #widget-area.widget-footer .footer-widget-wrapper { margin-right: 0; float: none; width: 23%; } #widget-area.widget-footer .footer-widget-wrapper .widget .widget-title { font-size: 16px; color: #fff; font-weight: 700; border-bottom: 1px solid #fff; padding-bottom: 5px; margin: 0 0 15px 0; text-transform: none; text-align: left; letter-spacing: normal; } #widget-area.widget-footer .footer-widget-wrapper .menu { margin-top: 0; } #widget-area.widget-footer .footer-widget-wrapper .menu li { padding-bottom: 0; margin-bottom: 5px; border: none; } #widget-area.widget-footer .footer-widget-wrapper .menu li a { color: #fff; font-size: 12px; } .footer-widget-wrapper .widget-social a i, .footer-widget-wrapper .widget-social a span {display: none;} .footer-widget-wrapper .widget-social { display: flex; flex-flow: row; justify-content: flex-start; } .footer-widget-wrapper .widget-social a { width: 33px; height: 33px; display: block; margin-right: 10px; } .footer-widget-wrapper .widget-social a.ico-fb { background: url('assets/images/share/icon/facebook.svg') no-repeat; margin-left: 0; } .footer-widget-wrapper .widget-social a.ico-tw { background: url('assets/images/share/icon/twitter.svg') no-repeat; } .footer-widget-wrapper .widget-social a.ico-gplus { background: url('assets/images/share/icon/google+.svg') no-repeat; display: none; } .footer-widget-wrapper .widget-social a.ico-ig { background: url('assets/images/share/icon/instagram.svg') no-repeat; } .footer-widget-wrapper .widget-social a.ico-flkr { background: url('assets/images/share/icon/flickr.svg') no-repeat; } .footer-widget-wrapper .widget-social a.ico-yt { background: url('assets/images/share/icon/youtube-1.svg') no-repeat; } body.home .featured-area.magazine-slider { max-height: 485px ; position: relative; overflow: inherit; width: 1200px; margin-left: auto; margin-right: auto; margin-top: 0; top: -20px; } body.sub_home-template-default .featured-area.magazine-slider { max-height: 100%; } body.sub_home-template-default .content-footer { display: none; } body.home .penci-magazine-slider ul.mag-wrap li.mag-item-1 { position: relative; box-sizing: border-box; overflow: hidden; padding: 20px 0; height: 570px; width: 50%; background: transparent; } body.home .penci-magazine-slider ul.mag-wrap li.mag-item-1 .owl-carousel .owl-nav.disabled { display: block; } body.home .penci-magazine-slider ul.mag-wrap li.mag-item-1 .owl-carousel .owl-nav { position: absolute; top: 35%; width: 100%; height: 50px; left: 0; transform: translateY(-50%); } body.home .penci-magazine-slider ul.mag-wrap li.mag-item-1 .owl-carousel .owl-nav .owl-prev { position: absolute; height: 50px; top: 0; width: 41px; background: #da0104; color: transparent; left: 0; } body.home .penci-magazine-slider ul.mag-wrap li.mag-item-1 .owl-carousel .owl-nav .owl-prev:before { content: '\f053'; color: #fff; font-family: 'FontAwesome'; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; font-size: 20px; } body.home .penci-magazine-slider ul.mag-wrap li.mag-item-1 .owl-carousel .owl-nav .owl-next { position: absolute; right: 0; height: 50px; top: 0; width: 41px; background: #da0104; color: transparent; } body.home .penci-magazine-slider ul.mag-wrap li.mag-item-1 .owl-carousel .owl-nav .owl-next:before { content: '\f054'; color: #fff; font-family: 'FontAwesome'; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; font-size: 20px; } body.home .penci-magazine-slider ul.mag-wrap li.mag-item-1 .mag-img { position: relative; width: 100%; height: 355px; min-height: 305px; overflow: hidden; margin-bottom: 10px; } body.home .penci-magazine-slider ul.mag-wrap li.mag-item-1 .mag-img img { padding-bottom: 59% !important; } body.home .penci-magazine-slider ul.mag-wrap li.mag-item-1 iframe { height: 305px; } body.home .penci-magazine-slider .mag-item-1 .mag-meta h3 a { color: #4f4f4f; font-size: 27px; font-weight: 700; line-height: 30px; display: block; } body.home .penci-magazine-slider .mag-item-1 li.mag-meta .mag-meta-child .mag-comments { color: #4f4f4f; font-size: 14px; font-weight: 400; } body.home .penci-magazine-slider .mag-item-1 .mag-meta { padding: 0; overflow: inherit; } body.home .penci-magazine-slider .mag-item-1 .owl-dots { display: none; } body.home .featured-area.magazine-slider .mag-item-2 { width: 30%; height: 520px; padding: 40px; box-sizing: border-box; background-color: #F2F2F2; margin-top: 20px; } body.home .featured-area.magazine-slider .mag-item-2 h4.widget-title.penci-border-arrow .inner-arrow { text-align: left; } body.home .featured-area.magazine-slider .mag-item-2 h4.widget-title.penci-border-arrow .inner-arrow a { color: #C4122D; font-size: 14px; font-weight: 700; } body.home .featured-area.magazine-slider .mag-item-2 ul.side-newsfeed { border-top: none; position: relative; overflow-y: scroll; height: 340px; padding-right: 10px; } ul.side-newsfeed::-webkit-scrollbar { width: 5px; } ul.side-newsfeed::-webkit-scrollbar-track { background: #fae4e5; } ul.side-newsfeed::-webkit-scrollbar-thumb { background: #b70b17; } body.home .featured-area.magazine-slider .mag-item-2 li.penci-feed { margin-bottom: 20px; height: auto !important; border-bottom: 1px solid #BDBDBD; padding-bottom: 20px; } body.home .penci-magazine-slider ul.mag-wrap li.mag-item-2 ul.side-newsfeed li .side-item { transform: none; top: inherit; } body.home .featured-area.magazine-slider .mag-item-2 li.penci-feed .side-item-text h4 a { padding: 0; line-height: normal; } body.home .featured-area.magazine-slider .mag-item-2 li.penci-feed .side-item-text h4 a strong { font-size: 13px; color: #4f4f4f; } body.home .featured-area.magazine-slider .mag-item-2 li.penci-feed .side-item-text h4 a span { display: block; margin-top: 5px; font-size: 12px; color: #4f4f4f; font-weight: bold; } body.home .container.penci-home-popular-posts { display: none; } body.home #banner-home.featured-area{ display: none; } body.home #banner-home { margin: 100px auto 20px; width: 100%; } body.home #banner-home .banner-home { width: 280px; margin-right: 0; display: block; height: 115px; } body.home .container { width: 1200px; } body.home .container-banner { width: 1200px; overflow: hidden; position: relative; margin: 0 auto; } body.home .container.penci_sidebar #main { width: 75%; padding-right: 0; box-sizing: border-box; padding: 20px 0; } body.home .container.penci_sidebar .penci-grid > li { width: 31%; margin-right: 20px; height: 435px !important; padding-bottom: 0; position: relative; overflow: hidden; box-sizing: border-box; margin-bottom: 20px; float: left; background-color: #fff; box-shadow: 0px 4px 4px rgb(0 0 0 / 13%); border-radius: 0px 0px 4px 4px; } body.home .penci-grid li.magazine-layout .item h2 a { font-size: 16px; } body.home .container.penci_sidebar .penci-grid > li:nth-child(3n) { margin-right: 0; } body.home #sidebar { width: 25%; padding: 20px 0; } body.home .penci-grid li .item h2, body.home .penci-masonry .item-masonry h2 { font-size: 16px; line-height: 19px; letter-spacing: 1px; padding: 0 10px; box-sizing: border-box; } body.home .penci-grid li .item .item-content { font-size: 14px; line-height: 19px; color: #828282; box-sizing: border-box; padding: 0 10px; } body.home .penci-grid .grid-header-box .cat { padding: 0 10px; box-sizing: border-box; } body.home .penci-grid li .item > .thumbnail, .penci-masonry .item-masonry > .thumbnail { display: inline-block; position: relative; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; margin-bottom: 15px; width: 100%; height: 180px; overflow: hidden; } body.home .banner_horizontal { display: none; } body.home #searchform input.search-input { border: 1px solid #BDBDBD; background: #fff url('assets/images/newsearch.png') no-repeat 94% 10px; padding: 5px 10px; color: #313131; letter-spacing: 1px; font-size: 14px; font-family: 'Roboto', serif; font-weight: normal; box-sizing: border-box; width: 100%; height: 50px; border-radius: 4px; margin-bottom: 20px; } body.home .penci-magazine-slider .mag-meta-child span { font-size: 15px; color: #4F4F4F; line-height: 21px; margin-top: 9px; display: block; } .content-footer { display: flex; width: 100%; flex-flow: row; align-items: flex-end; justify-content: space-between; padding: 0 10px; box-sizing: border-box; height: 26px; position: absolute; bottom: -40px; left: 0; } .content-footer .date-noticia p { font-size: 12px; color: #AE3033; font-weight: bold; } .share-content { position: relative; overflow: hidden; float: right; margin-top: 10px; width: 135px; } .share-content ul { display: flex; flex-flow: row; max-width: 135px; justify-content: space-around; } .share-content ul .item-share { width: 26px; height: 26px; cursor: pointer; } .share-content ul .item-share a { width: 100%; height: 100%; display: block; } .share-content ul .item-share.item-share-rss {background: url('assets/images/icon-share.png') no-repeat} .share-content ul .item-share.item-share-facebook {background: url('assets/images/icon-sfb.png') no-repeat} .share-content ul .item-share.item-share-twitter {background: url('assets/images/icon-stw.png') no-repeat} .share-content ul .item-share.item-share-whatsapp {background: url('assets/images/icon-swp.png') no-repeat} body.home .penci-magazine-slider ul.mag-wrap li.mag-subdestaques { width: 15%; float: left; margin-top: 20px; margin-left: 35px; overflow: inherit; } body.home .penci-magazine-slider ul.mag-wrap li.mag-subdestaques .content-subdestaques { width: 165px; position: relative; } body.home .penci-magazine-slider ul.mag-wrap li.mag-subdestaques .content-subdestaques .slick-track { width: 165px !important; } body.home .penci-magazine-slider ul.mag-wrap li.mag-subdestaques .content-subdestaques .penci-carousel.loaded .item-related { opacity: 1; width: 165px !important; height: 230px !important; margin: 0 0 20px 0; box-sizing: border-box; box-shadow: 0px 4px 4px rgb(0 0 0 / 13%); border-radius: 8px; } body.home .penci-magazine-slider ul.mag-wrap li.mag-subdestaques .content-subdestaques .penci-carousel.loaded { margin: 0 !important; } body.home .penci-magazine-slider ul.mag-wrap li.mag-subdestaques .content-subdestaques .item-related > a { margin-bottom: 9px; } body.home .penci-magazine-slider ul.mag-wrap li.mag-subdestaques .content-subdestaques .slick-list { overflow: inherit; } body.home .penci-magazine-slider ul.mag-wrap li.mag-subdestaques .content-subdestaques .item-related h3 { font-size: 15px; line-height: 19px; padding: 0 10px; } .content-more { width: 100%; position: relative; text-align: center; } .content-more a { display: block; font-weight: bold; font-size: 20px; } #sidebar .mailing_widget { background: url('assets/images/bg.jpg') repeat; padding: 20px 20px 70px 20px; position: relative; } #sidebar .mailing_widget input { width: 100%; padding: 0 0 6px 0; border-bottom: 1px solid #fff; margin: 10px 0; color: #fff; font-size: 14px; border-top: none; border-right: none; border-left: none; background: transparent; outline: none; border-radius: 0; } #sidebar .mailing_widget input::placeholder { color: #fff !important; } #sidebar .mailing_widget .widget-title { color: #313131; margin-bottom: 15px; font-family: 'Roboto', sans-serif; font-weight: bold; letter-spacing: 1px; position: relative; text-align: center; background: #fff; background: url(assets/images/ico-news-pt.png) no-repeat center 0; margin: 0 auto; padding: 145px 0 0 0; } #sidebar .mailing_widget .inner-arrow { color: #fff !important; } #sidebar .mailing_widget .widget-title::after { display: none; } #sidebar .mailing_widget button { border-radius: 60px; cursor: pointer; float: right; color: #b70b17; font-weight: bold; border: none; margin: 10px 0 0 0; font-family: 'Raleway',sans-serif; background: #fff; width: 100%; height: 40px; } #sidebar .lista-integracao-form-checkbox { width: 100%; display: block; margin-bottom: 20px; } #sidebar .lista-integracao-form-checkbox #cb_aceito { width: auto; } #sidebar .lista-integracao-form-checkbox span { color: #fff; font-size: 12px; } #sidebar .lista-integracao-form-checkbox span a { text-decoration: underline; color: #fff; } #main .magazine-2 .content-footer { bottom: 10px !important; } body.post-template-default #header, body.page #header, body.home.page-template #header, body.page-template #header, body.search #header, body.area-pt #header, body.category #header, #header{ display: none; } .sub_home-template-default .penci-magazine-slider .mag-meta { bottom: 0; } .banner-home-small { width: 1024px; height: 50px; margin: 0 auto 50px auto; position: relative; overflow: hidden; } body.sub_home-template-default .menu, body.sub_home-template-default #menu-novo-menu-2 { display: none; } @media (max-width: 1169px) { .sub_home-template-default .penci-magazine-slider .mag-meta { bottom: 0 !important; } } @media (max-width: 768px) { body.home .container-banner { width: 75%; } .banner-home-small { width: 100%; height: auto; margin: 0 0 20px 0; } body.home .featured-area.magazine-slider { width: 100%; max-height: 450px; height: 450px; min-height: 450px; } body.home .penci-magazine-slider ul.mag-wrap li.mag-subdestaques .content-subdestaques { margin: 0 auto; } body.home .penci-magazine-slider ul.mag-wrap li.mag-subdestaques { display: none !important; margin-top: 20px; margin-left: 0; } body.home { overflow-x: hidden; } body.home .container { width: 100%; } body.home .container.penci_sidebar #main { width: 100%; } body.home .featured-area.magazine-slider .mag-item-2 { width: 100%; display: none !important; } body.home .featured-area.magazine-slider .mag-item-3 { width: 100%; display: block !important; } body.home .container.penci_sidebar .penci-grid > li { width: 100%; } #widget-area.widget-footer .container-footer { flex-flow: column; } #widget-area.widget-footer .footer-widget-wrapper { width: 100%; } body.home #banner-home { margin: 70px auto 20px; overflow: hidden; width: 100%; display: block; flex-flow: inherit; justify-content: inherit; } body.home.page-template #header { display: block !important; } #welcomebar-pt .welcomebar-pt--logo a { display: none; } #welcomebar-pt--logo p strong { display: block; } body.home .penci-magazine-slider ul.mag-wrap li.mag-item-1 { padding: 20px 0 !important; } body.home .penci-magazine-slider ul.mag-wrap li.mag-item-1 .mag-img { height: auto; min-height: auto; } .share-content ul .item-share { width: 26px !important; height: 26px !important; cursor: pointer; } .body.home .penci-magazine-slider ul.mag-wrap li.mag-subdestaques, .body.home .penci-magazine-slider ul.mag-wrap li.mag-item-2 { display: none !important; } html { overflow-x: hidden; } body.post-template-default #header, body.page #header, body.home.page-template #header, body.page-template #header, body.search #header, body.area-pt #header, body.category #header, #header{ display: block; } #topbar-pt { height: auto; } #topbar-pt ul li a { font-size: 10px; line-height: 12px; } #topbar-pt { display: none; } #top-search .search-click i { display: none; } #top-search .search-click { background: #fff url('https://pt.org.br/wp-content/themes/pt_2016/assets/images/newsearch.png') no-repeat; color: #313131; letter-spacing: 1px; font-size: 14px; font-family: 'Roboto', serif; font-weight: normal; box-sizing: border-box; width: 30px; height: 30px; position: relative; top: 15px; right: 15px; } body.home .penci-magazine-slider ul.mag-wrap li.mag-item-1 .owl-carousel .owl-nav { top: 20% !important; } .slick-slider.loaded ul.slick-dots { display: none !important; } body.home .penci-magazine-slider ul.mag-wrap li.mag-subdestaques .content-subdestaques .penci-carousel.loaded .item-related { margin: 0 0 30px 0; } .welcomebar-pt--logo p strong { display: block; } .nova-primavera .featured-area.magazine-slider { max-height: 600px !important; } /*.memorialdaverdade .featured-area.magazine-slider {*/ /* max-height: 600px !important;*/ /*}*/ } .owl-carousel .owl-dot { background-color: #7f7f7f !important; } .owl-carousel .owl-dot.active { background-color: #ca2029 !important; } .nova-primavera .mag-item-2 a, .nova-primavera .mag-item-2 .mag-meta, .nova-primavera .mag-item-3 a, .nova-primavera .mag-item-3 .mag-meta { display: none; } .nova-primavera .mag-item-2 { background: url('../pt_2016/assets/images/nova-primavera-manual.jpeg') no-repeat; width: 327px; height: 135px; background-size: cover; margin-bottom: 20px; cursor: pointer; } .nova-primavera .mag-item-3 { background: url('../pt_2016/assets/images/nova-primavera-inscricao.jpeg') no-repeat; width: 327px; height: 135px; background-size: cover; border-bottom: none; cursor: pointer; } .memorialdaverdade .mag-item-2 a, .memorialdaverdade .mag-item-2 .mag-meta, .memorialdaverdade .mag-item-3 a, .memorialdaverdade .mag-item-3 .mag-meta { display: none; } /*.memorialdaverdade .mag-item-2 {*/ /* background: url('../pt_2016/assets/images/memorialdaverdade-redes.png') no-repeat;*/ /* width: 327px;*/ /* height: 135px;*/ /* background-size: cover;*/ /* margin-bottom: 20px;*/ /* cursor: pointer;*/ /*}*/ /*.memorialdaverdade .mag-item-3 {*/ /* background: url('../pt_2016/assets/images/memorialdaverdade-videos.png') no-repeat;*/ /* width: 327px;*/ /* height: 135px;*/ /* background-size: cover;*/ /* margin-bottom: 20px;*/ /* cursor: pointer;*/ /*}*/ /*.memorialdaverdade .mag-item-4 {*/ /* background: url('../pt_2016/assets/images/memorialdaverdade-ebook.png') no-repeat;*/ /* width: 327px;*/ /* height: 135px;*/ /* background-size: cover;*/ /* border-bottom: none;*/ /* cursor: pointer;*/ /*}*/ .sub_home-template-default #menu_topo { display: none; }