/* @override http://transrespect.org/wp-content/themes/tvt/style.css */ /* Theme Name: TvT Text Domain: tvt Domain Path: /languages Theme URI: http://www.rocani.net TvT Custom Design Template Author: Romano Casellini Author URI: http://rocani.net/ Version: 1.0 Tags: responsive, white, bootstrap License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0) License URI: http://creativecommons.org/licenses/by-sa/3.0/ */ @import url('bootstrap/css/bootstrap.css'); /*@import url('bootstrap/css/bootstrap-responsive.css');*/ @import url(https://fonts.googleapis.com/css?family=Dosis:400,600); @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700); body { font-family: 'Open Sans', sans-serif; font-weight: 400; background-color: #fff; } html, body { height: 100%; } /**** BOOTSTRAP *****/ header, h1, h2, h3, h4, h5, .breadcrumbs, aside, .pagination, .read-more, .footer-categories, .footer-menu, #mc-embedded-subscribe, #mce-EMAIL, a.explore-maps, #map-ux, #map-values { font-family: 'Dosis', sans-serif; font-weight: 600; } h1 { font-weight: 600; } h2, h3, h4, h5 { font-weight: 600; } h2 { font-size: 24px; } header { font-weight: 300; } ul, ol { padding-left: 0; } p, li { line-height: 24px; color: #505050; } a { transition: all 0.3s ease 0s; } a, a:hover, a:focus, a:visited, .read-more { color: #5283CC; outline: 0; transition: text-decoration 0.5s; } a, .read-more { text-decoration: none; } a:hover, .read-more:hover { text-decoration: underline; } a.explore-maps:hover, .card-grid a:hover { text-decoration: none; } a:focus { outline: none; } .clear { clear:both; } .table_ { display: table; } #wrapper { min-height: 100%; position: relative; } #primary { margin-bottom: 80px; } #content ul, #content ol { padding-left: 20px; } #content img { max-width: 100%; height: auto; } #content-wrapper { background-color: rgba(255,255,255,0.9); } h5 { background-color: rgba(218,222,230,0.9); color: #4C5769; font-size: 18px; line-height: 24px; padding: 7px 10px; } /**** HEADER ****/ header#site-header { background-color: rgba(57,69,87,0.7); z-index: 50; position: relative; } /**** TOP NAV ****/ .navbar { border-radius: 0; height: auto; min-height: 40px; margin-bottom: 0; border: none; } .navbar-brand-small { width: 74px; height: 30px; background-image: url(images/logo-mini.png); display: block; } .navbar-brand.hidden-xs { width: 342px; height:102px; margin-left: 0 !important; background-size: cover; background-image: url(images/logo.png); display: block; margin-top: 10px; } .visible-xs .navbar-brand { margin-left: -10px; margin-top: 5px; padding-left: 0; width: 254px; height: 30px; background-image: url(images/tvt-logo-mini.png); background-size: cover; } .navbar-brand-small { display: block; float: left; width: 74px; height: 30px; margin-top: 5px; background-image: url(images/logo-mini.png); } .nav-tgeuclaim { color: #fff; float: left; } .nav-tgeuclaim .text { float: left; line-height: 38px; margin-right: 5px; color: #fff; } .nav-tgeuclaim:hover .text { color: #fff; text-decoration: underline; } .nav-tgeuclaim:visited .text { color: #fff; } .nav-tgeuclaim .logo { float: left; width: 56px; height: 32px; margin-top: 3px; display: inline-block; background-image: url(images/logo-tgeu.png); } .top-menu { background-color: #394557; } .top-menu .navbar-nav { margin-right: 0px; margin-left: 20px; } .top-menu .navbar-nav > li > a, .footer-menu .navbar-nav > li > a, footer .copyright { color:#fff; font-size: 14px; padding: 10px; } .top-menu .navbar-nav > li > a:hover, .top-menu .navbar-nav > li.current-menu-item > a, .footer-menu .navbar-nav > li > a:hover, .footer-menu .navbar-nav > li.current-menu-item > a { background-color: #5D6673; } #menu-blue-top-menu-buttons.navbar-nav { margin-right: 0px; } #menu-blue-top-menu-buttons.navbar-nav > li > a { color:#fff; font-size: 12px; padding: 3px 10px; margin: 7px 0 0 10px; background-color: #17A1E6; border-radius: 20px; text-transform: uppercase; } #menu-blue-top-menu-buttons.navbar-nav > li > a:hover { background-color: #17A1E6; } .social-menu { margin-left: 0; margin-right: 0; } .social-menu li a { width: 20px; height: 20px; display: block; background-size: cover !important; padding: 0px !important; margin: 10px 0 0 10px; } .social-menu li a.facebook { background-image: url(images/icon-facebook-off.png); } .social-menu li a.facebook:hover, .social-menu li a.facebook:focus { background-image: url(images/icon-facebook-on.png); } .social-menu li a.twitter { background-image: url(images/icon-twitter-off.png); } .social-menu li a.twitter:hover, .social-menu li a.twitter:focus { background-image: url(images/icon-twitter-on.png); } .social-menu li a.rss { background-image: url(images/icon-rss-off.png); } .social-menu li a.rss:hover, .social-menu li a.rss:focus { background-image: url(images/icon-rss-on.png); } .main-menu .navbar-nav > li > a { color:#fff; font-size: 15px; padding: 10px 15px; } .main-menu { padding-right: 0; } .main-menu .navbar-form { float: right; padding-right: 0; margin: 0; } .main-menu .navbar-form .form-control { background: none; border: none; height: auto; } .nav > li > a, .nav > li > a:hover, .nav > li > a:focus { background: none; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background: none; } .menu-mobile-menu-container { display: none; } .main-menu li > a:hover { background-color: #808996; } #menu-main-menu li.current-menu-ancestor > a, #menu-main-menu li.current_page_item > a { background-color: #FF8000; } .dropdown-menu { opacity: 0.94; background: #FFFFFF; box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.20); border-radius: 0px !important; border: none; font-size: 16px; } .navbar-right .dropdown-menu { left: -10px; right: auto; padding: 10px 0; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: #FF8000; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background: none; color: #17A1E6; } .dropdown-menu .dropdown-menu { left: 97%; margin-top: -32px; } #searchform { margin-top: 50px; border-left: 1px solid #fff; margin-left: 6px; } #searchform .search-submit { width: 20px; height: 20px; background: none; background-image: url(images/lupe.png); background-size: cover; border:none; float: right; margin-top: 7px; } #searchform .search-field { background: none; border:none; color:#fff; font-size: 22px; font-weight: 300; width: 100px; transition: all 0.6s ease-in-out; } #searchform .search-field:focus { width: 180px; box-shadow: none; outline: none; } #searchform label { margin-bottom: 0; } /**** MOBILE NAV ****/ .navbar-toggle { margin-right: 0; float: none; margin-top: 0; padding: 12px; background-color: #5D6673; border-radius: 0; border:none; margin-bottom: 0; padding: 14px; } .navbar-toggle.collapsed { background: none; } .navbar-toggle .icon-bar { background-color: #ffffff; } .navbar-collapse.collapse .main-menu .menu-main-menu-container { float: none; } .navbar-toggle .icon-bar { width: 18px; } .navbar-toggle-container { width: 40px; height: 40px; float: right; margin-right: -15px; } /**** BREADCRUMBS ****/ .breadcrumbs { background-color: rgba(243,247,254,0.8); line-height: 32px; font-size: 13px; } .breadcrumbs .home { width: 11px; height: 13px; display: inline-block; background-image: url(images/home.png); background-size: cover; } .breadcrumbs strong { font-weight: 400; } .single .breadcrumbs { background-color: #F2DAE8; } /***** PRIMARY *****/ .primary-header { background-color: rgba(218,222,230,0.8); color: #394557; margin-bottom: 10px; } .primary-header h1 { margin: 20px 0 50px; } .primary-header h1 a, .primary-header h1 a:hover, .primary-header h1 a:active, .primary-header h1 a:focus { color: #394557; text-decoration: none; } /**** FRONT PAGE ****/ .home #content-wrapper { background: none; } a.explore-maps { font-size: 52px; max-width: 625px; display: block; margin: auto; color: #394557; line-height: 58px; font-weight: 600; margin-top: 30px; margin-bottom: 70px; } a.explore-maps div { background-color: rgba(101,82,142,1); font-size: 28px; line-height: 28px; color: #fff; display: inline-block; padding: 16px 20px; text-transform: uppercase; margin-top: 20px; margin-bottom: 20px; font-weight: 700; letter-spacing: 2px; } a.explore-maps:hover { color: #303A49; } a.explore-maps:hover div { background-color: rgba(101,82,142,0.9); } .section-header { text-align: center; } .section-header h2 { font-size: 48px; margin-bottom: 5px; text-transform: uppercase; } .section-header .read-more { font-size: 22px; } .card-grid { margin-bottom: 60px; } a.card .inner { background-color: rgba(246,125,3,0.9); padding: 20px; color: #fff; height: 100%; } a.card:hover .inner { background-color: rgba(246,125,3,0.8); } a.card h4 { margin: 0; font-size: 18px; text-transform: uppercase; } a.card h2 { margin: 4px 0 30px; font-size: 24px; } a.card p, a.card span { color: #fff; font-size: 15px; margin-bottom: 3px; } a.card span { font-style: italic; font-weight: 100; margin-bottom: 0; } .latest-row { } a.teaser-box { width: 100%; height: 200px; background-color: #303030; display: block; text-align: center; } a.teaser-box.teaser-protrans { background-image: url(images/protrans-bg.jpg); background-size: cover; } a.teaser-box.teaser-tvt { background-image: url(images/tvt-bg.jpg); background-size: cover; } a.teaser-box img { max-width: 80%; height: auto; } a.teaser-box span { text-transform: uppercase; display: block; margin-top: 20px; } .section-heading { border-top: 1px solid #394557; } .section-heading h2 { color: #394557; font-size: 22px; font-weight: 600; margin: 15px 0 5px; display: inline-block; } .section-heading a.read-more { float: right; text-transform: uppercase; font-size: 22px; margin-top: 8px; font-weight: 500; } .home section { margin-bottom: 50px; } .home footer { margin-top: -50px; } .container.sm { margin-bottom: 30px; } .table-cell.sm img { margin: 20px; float: left; } .table-cell.sm span { display: block; } .table-cell.sm span.hl { margin-top: 14px; font-size: 21px; font-weight: 700; } .table-cell.sm span.sl { margin-top: 3px; font-size: 18px; } .table-cell.facebook { background-color: #435C9E; } .table-cell.twitter { background-color: #309AC3; } /*** PAGE ****/ h1.single-title, h1.category-title { font-size: 48px; } h2 { font-size: 36px; margin-bottom: 20px; } .page #content h2 { margin-top: 0; padding-top: 20px; } .page #content h2:first-child { padding-top: 0; } .page-id-70 #content a, .page-id-73 #content a { background-image: url(images/icon-pdf@2x.png); background-repeat: no-repeat; padding-left: 30px; background-size: contain; text-decoration: underline; } .page-id-70 #content h3, .page-id-73 #content h3 { margin: 10px 0 20px; } .page h5 { margin-top: 30px; } /**** SINGLE ****/ .single-post header.primary-header { /*background-color: #b34786;*/ } #meta .meta-top { width: 100%; border-bottom: 1px solid #E6E6E6; } #meta p { margin: 15px 0; line-height: 20px; font-size: 12px; color: #9e9e9e; } #meta { margin-bottom: 15px; } #meta a:hover { text-decoration: underline; } .yarpp-related { margin-top: 50px; } .sharebar { margin-top: 20px; } .social_share_privacy ul { border-top: 1px solid #e6e6e6; } /***** COUNTRY PAGE *****/ .single-country #country-popup { border-top: 1px solid #394557; } .preloader { text-align: center; margin: 30px; } /**** CATEGORY ****/ .category-description { padding-bottom: 10px; /*border-bottom: 1px solid #4D4A47;*/ transition: height 0.3s; } .category-description-container { border-bottom: 1px solid #394557; padding-bottom: 30px; padding-right: 10px; } a.link-view-map { background-color: #65528E; font-size: 18px; color: #fff; transition: opacity 0.2s; opacity: 1; display: block; width: 100%; height: 36px; padding-top: 4px; margin-bottom: 30px; font-family: "Dosis", sans-serif; } a.link-view-map img { margin: -3px 8px 0 12px; } a.link-view-map:hover { opacity: 0.9; } /**** GRID ****/ section.tgeu-featured-posts { margin-bottom: 35px; } .featured-posts-description { margin: 5px 0 10px; } .post-grid { margin: 15px -1%; overflow: hidden; } .post-grid article { transition: background 0.5s; float: left; background-color: rgba(222,226,233,0.9); margin: 0% 1% 2% 1%; position: relative; transition: background 0.5s; } .post-grid article.in { } .post-grid article:hover { background: #F0F3F7; } .post-grid article h2 { font-size: 24px; line-height: 28px; margin: 0px 0 5px; padding: 10px; font-weight: 600; } .post-grid article h2 a { color: #333333; } .post-grid article h2 a:hover { text-decoration: none; } .post-grid article .entry { margin-bottom: 15px; } .post-grid article .entry img { padding-bottom: 20px; } .post-grid article .entry p { padding: 0 10px 10px 10px; } .post-grid article .entry p { font-size: 15px; line-height: 20px; color: #4D4D4D; } .post-grid article time { opacity: 0; text-transform: uppercase; color: #808080; font-size: 12px; display: block; position: absolute; bottom: 10px; left: 10px; font-weight:400; } .post-grid article.in time { opacity: 1; transition: opacity 0.5s; } .post-grid article.in .entry { margin-bottom: 15px; position: absolute; bottom: 0; } .post-grid article .entry.bottom { position: absolute; bottom: 0; padding-right: 10px; } .post-grid.grid-3 article, .post-grid.grid-4 article, .post-grid.grid-5 article { width: 48%; } .post-grid article .attachment-post-thumbnail { width: 100%; max-width: 100%; height: auto; border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; } .post-grid article.highlight .attachment-post-thumbnail { border-left: 1px solid #f27903; border-right: 1px solid #f27903; } .post-grid article.highlight { background-color: #f27903; } .post-grid article.highlight h2 a, .post-grid article.highlight .entry p, .post-grid article.highlight time { color: #fff; } article .overlay_link { top: 0; left: 0; right: 0; bottom: 0; text-indent: 200%; position: absolute; opacity: 0; } /**** PAGINATION ****/ .pagination-nav { width: 100%; text-align: center; } .pagination > li > a, .pagination > li > span { background: none; border: none; font-size: 20px; padding: 6px; } .pagination > li > a { color: #5283CC; } .pagination > li > a:hover, .pagination > li > a:focus { background: none; } .pagination > li > a:hover { text-decoration: underline; } .pagination > li > span { color: #B8B8B8; } .pagination > li > span:hover, .pagination > li > span:focus { background: none; } /*** ABOUT ****/ .page-about pre { border: none; background: none; padding: none; white-space: normal; } .team-member { /*display: table-row;*/ margin-bottom: 20px; } .team-member figure { margin-right: 20px; margin-bottom: 20px; } .team-member .avatar { max-width: 150px !important; } .team-member > div { display: table-cell; vertical-align: top; } .team-member > div h3 { margin-top: -5px; font-size: 28px; margin-bottom: 0; } .team-member .team-member-text { margin-top: 10px; } .team-member .role { margin-bottom: 0; } .page-about h5 { background-color: #f0f0f0; line-height: 20px; margin: 5px 0; } .readmore-js-toggle { margin-top: 10px; } /*.readmore-js-toggle:before { display: block; width: 100%; height: 35px; background-image: url(images/readmore-bg.png); background-repeat: repeat-x; background-position: bottom; }*/ /**** SIDEBAR ****/ #secondary.sticky { position: fixed; } /*#secondary { transition: top 0.2s ease-out; }*/ aside { margin-bottom: 50px; } aside h3 { font-size: 32px; color: #f27903; border-top: 1px solid #f27903; text-transform: uppercase; padding: 12px 0 20px 0; margin: 0; } aside.listing h3 { border-bottom: 1px solid #d3d3d3; } aside ul li { list-style: none; display: block; } aside.listing ul li a { line-height: 24px; padding: 10px 0; display: block; transition: all 0.2s ease-in-out; font-size: 18px; border-bottom: 1px solid #d3d3d3; } aside.listing ul li a:hover, aside ul li a:focus, aside ul li a.active { background-color: #e6f7ff; text-decoration: none; color: #17A1E6; text-indent: 10px; } aside.listing ul.children li a { text-indent: 20px; } aside.listing ul.children li a:hover { text-indent: 30px; } aside.listing.back li a { border-top: 1px solid #d3d3d3; } aside.pillows ul li { width: auto; display: inline-block; margin-bottom: 10px; margin-right: 10px; } aside.pillows ul li a { border-bottom: 0; border-radius: 20px; background-color: #e6f7ff; line-height: 24px; padding: 4px 15px; margin-bottom: 10px; } aside.pillows ul li a:hover { text-decoration: underline; } aside h3 a { color: #f27903; } aside.category h3 { padding-bottom: 5px; } aside .tagcloud { margin-top: -20px; } #sidebar-anchorlinks { opacity: 0; transition: all 0.5s ease-in-out; display: none; } #sidebar-anchorlinks.visible { opacity: 1; display: block; } #sidebar-anchorlinks.hidden { display: none; } /**** FOOTER ****/ footer { background-color: rgba(255,255,255,0.8); position: absolute; bottom: -80px; left: 0; width: 100%; } footer a, footer a:hover, footer a:active, footer a:visited, footer a:focus, footer .copyright { color: #fff; } footer .navbar-right { margin-right: 0; } footer .navbar-nav.navbar-right > li { float: right !important; } /*.footer-logos { border-top: 1px solid #a5a5a5; }*/ .footer-logos h2 { text-transform: uppercase; color: #394557; margin-top: 20px; } .hl-section { margin:auto; text-align: center; font-size: 28px; margin-top: 20px; color: #394557; } #mc_embed_signup { background-color: #394557; padding: 10px 0; } #mc_embed_signup h2 { font-size: 17px; color: #fff; display: inline-block; padding: 0 10px; margin: 10px 0; } #mc_embed_signup .mc-field-group { display: inline-block; } #mc_embed_signup #mc_embed_signup_scroll { text-align: center; } #mc_embed_signup #mce-EMAIL { line-height: 28px; padding: 0 20px 0 12px; border-top-left-radius: 14px; border-bottom-left-radius: 14px; border: none; } #mc_embed_signup #mc-embedded-subscribe { margin-left: -14px; line-height: 28px; padding: 0 12px; text-transform: uppercase; color: #fff; background-color: #f27903; border-radius: 14px; border: none; } .footer-categories { background-color: #4D4A47; padding: 20px 0; } .footer-categories ul { } .footer-categories li { list-style: none; } .footer-categories li.categories > a { font-weight: 700; text-transform: uppercase; } .lshowcase-logos { text-align: center; } #menu-footer-menu { margin-left: -10px; } .footer-menu { background-color: #33312F; } .navbar.footer-menu { background-image: none; } /* standart image align code */ img.alignright { float: right; margin: 0 0 1em 1em; } img.alignleft { float: left; margin: 0 1em 1em 0; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignright { float: right; } .alignleft { float: left; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .social_share_privacy { margin-top: 50px; padding-top: 10px; } /* MAPS */ body.single-map { background: none; } .single-map #primary { height: 100%; width: 100%; padding: 40px 0; position: absolute; top: 0; } .single-map #primary > div { height: 100%; } .single-map #primary #content-wrapper { height: 100%; padding-top: 0; } .single-map footer { position: fixed; bottom: 0; width: 100%; padding-top: 0; } #map-heading { /*text-align: center; z-index: 10; position: absolute; left: 50%;*/ position: absolute; z-index: 10; } #map-ux { position: absolute; z-index: 10; margin-top: 20px; transition:opacity 0.5s, left 0.5s; opacity: 0; } #map-ux.in { opacity: 1; left: 0px; } #map-ux .inner { background-color: rgba(235,236,238,0.9); padding: 20px; float: left; } #map-ux .title { font-size: 17px; line-height: 17px; text-transform: uppercase; color: #4C5769; font-weight: bolder; margin-bottom: 20px; display: block; } #map-submaps > li { list-style: none; margin-bottom: 10px; } #map-submaps > li > span, #map-submaps > li > a { padding: 5px 10px; display: block; width: 100%; margin-bottom: 10px; } #map-submaps > li > span { background-color: #394557; color: #fff; } #map-submaps > li > a { background-color: #E6E6E6; color: #000; text-decoration: none; } #map-submaps > li > a:hover { background-color: #c6c6c6; } #map-submaps > li > a.active { background-color: #ff8000; color: #fff; } #map-ux #map-nav { font-weight: normal; display: block; margin-bottom: 0; } #map-ux #map-nav > li { list-style: none; margin-bottom: 10px; opacity: 1; display: block; } #map-ux #map-nav > li > a { background-color: #697382; color: #fff; line-height: 34px; display: block; padding-left: 10px; font-weight: normal; text-decoration: none; } #map-ux #map-nav > li > a .labl { padding-right: 10px; } #map-ux #map-nav > li > a .arrow { width: 34px; height: 34px; float: right; display: block; background-image: url(images/icon-openclose.png); float: right; transition: all 0.5s; } #map-ux #map-nav > li > a .arrow.in { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); } #map-ux #map-nav ul.dropdown { z-index: 10; transition: height 0.5s; overflow: hidden; visibility: hidden; } #map-ux #map-nav ul.dropdown.absolute { height: 0; visibility: visible; } #map-ux #map-nav ul.dropdown.in { height: auto; } #map-ux #map-nav ul.dropdown > li { list-style: none; } #map-ux #map-nav ul.dropdown > li > a { padding: 0 10px; line-height: 30px; color: #4C5769; background-color: #fff; display: block; width: 100%; } #map-ux #map-nav ul.dropdown > li > a:hover, #map-ux #map-nav ul.dropdown > li > a.active { background-color: #FF8000; color: #fff; } #map-ux #map-nav li.map-nav-submap { margin-left: 22px; margin-bottom: 1px; } #map-ux #map-nav li.map-nav-submap a { color: #5682C4; background-color: #fff; padding-right: 10px; } #map-ux #map-nav li.map-nav-submap a:hover, #map-ux #map-nav li.map-nav-submap a.active { background-color: #FF8000; color: #fff; } #map-ux #map-nav li.map-nav-submap.flat { margin-left: 12px; } #map-nav-map { margin-left: 11px; } #map-nav-map img, .map-nav-submap img { position: absolute; margin-left: -11px; margin-top: 10px; } #map-countries { margin-top: 10px; margin-left: 22px; margin-bottom: 0 !important; } #map-countries.flat { margin-left: 12px; } #map-ux #map-nav > li#map-nav-topic > a { background-color: #394557; } #map-ux #map-nav > li#map-nav-map > a { background-color: #4C5769; } #map-ux #map-nav > li#map-countries > a { background-color: #697382; } #map-ux #map-nav ul.dropdown.amcharts-object-list-ul { overflow: auto !important; } .ammapObjectList ul { font-family: "Dosis", sans-serif !important; font-weight: normal; font-size: 14px !important; } #map-toggle { background-color: rgba(235,236,238,0.9); float: right; padding: 10px 5px; display: block; width: 30px; height: 110px; overflow: hidden; position: relative; } #map-toggle img { display: block; position: absolute; transition: margin-left 0.5s; } #map-toggle .toggle-show { margin-left: 0px; } #map-toggle .toggle-hide { margin-left: 30px; } #map-toggle.in .toggle-show { margin-left: -30px;} #map-toggle.in .toggle-hide { margin-left: 0px; } /*#map-toggle .toggle-show { display: block; } #map-toggle.in .toggle-hide { display: block; } #map-toggle.in .toggle-show { display: none; }*/ .balloon { font-family: "Dosis", sans-serif !important; font-size: 14px; } /*#map-ux #map-nav > li.in { } #map-ux #map-nav > li > ul { transition: max-height 1s; max-height: 0; overflow: hidden; } #map-ux #map-nav > li.in > ul { max-height: 400px; } #map-ux #map-nav > li > ul > li { list-style: none; margin-top: 1px; } #map-ux #map-nav > li > ul > li > a { color: #000; width: 100%; display: block; background-color: #ebebeb; padding: 0 10px; line-height: 34px; font-weight: normal; } #map-ux #map-nav > li > ul > li > a:hover, #map-ux #map-nav > li > ul > li.in > a { background-color: #cbcbcb; } #map-ux #map-nav > li > ul > li > ul { max-height: 0; overflow: hidden; transition: max-height 1s; } #map-ux #map-nav > li > ul > li.in > ul { max-height: 200px; border: 1px solid #ebebeb; } #map-ux #map-nav > li > ul > li > ul > li > a { padding: 0 10px; background-color: #fbfbfb; color: #000; width: 100%; line-height: 34px; display: block; font-weight: normal; } #map-ux #map-nav > li > ul > li > ul > li > a:hover { background-color: #ebebeb; }*/ /*#map-ux #map-nav > li > ul > li > ul > li { list-style: none; padding: 0 10px; }*/ #map-submaps > li > a#map-countries-header { margin-bottom: 0; } #map-values { position: fixed; z-index: 20; bottom: 40px; width: 100%; text-align: center; font-size: 15px; font-weight: 400; pointer-events: none; opacity: 0; transition: opacity 0.5s; } #map-values.in { opacity: 1; } #map-values ul { margin: 5px auto; background-color: rgba(235,236,238,0.8); display: inline-block; padding: 5px; margin-bottom: 15px; } #map-values ul li { display: inline-block; margin: 0 15px; text-indent: 10px; line-height: 15px; } #map-values ul li span { position: absolute; display: block; width: 15px; height: 15px; display: inline-block; margin-right: 5px; margin-left: -20px; } .ammapObjectList ul { background-color: #f0f0f0; margin: 0; padding: 0 !important; height: 0; overflow: auto; transition: height 1s; } .ammapObjectList ul li { list-style: none; } .ammapObjectList ul li a { padding: 0 10px; } .amcharts-export-menu .export-main > a, .amcharts-export-menu .export-drawing > a, .amcharts-export-menu .export-delayed-capturing > a { box-shadow: none !important; width: 32px !important; height: 32px !important; border: 1px solid rgba(0,0,0,0.1) !important; top: 2px; right: 2px; } #mapdiv { z-index: 9; } #map-title { font-family: "Dosis", sans-serif; } /* COUNTRY POPUP */ #cPopup { position: absolute; top: 0; left: 0; z-index: 40; width: 100%; height: 100%; visibility: hidden; opacity: 0; transition:visibility 0s ease-in-out 0.5s,opacity 0.5s ease-in-out; } #cPopup.in { visibility: visible; opacity: 1; transition-delay: 0s; } #cPopup-solid { z-index: 9; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); } #cPopup-container { z-index: 10; color: #000; position: absolute; top: 60px; bottom: 100px; margin: auto; background-color: #fff; left: 50%; padding: 80px 20px 0; } #cPopup-container .heading { position: absolute; top: 0; left: 0; padding: 20px; color: #394557; width: 100%; } #cPopup-container .heading h1 { float: left; margin-top: 0; font-size: 28px; } #cPopup-container #cPopup-close { float: right; } #cPopup-container #cPopup-print { float: right; margin-right: 15px; } #cPopup-container h2 { margin-top: 0; color: #394557; text-transform: uppercase; font-size: 17px; } #cPopup-container .inner { background-color: #fff; max-height: 100%; overflow: auto; padding-right: 20px; } #cPopup-container .inner .cont { margin-bottom: 40px; } .country-table { font-family: "Dosis", sans-serif; min-width: 600px; margin-top: -10px; margin-bottom: 30px; } .country-table th { background-color: none; font-size: 17px; padding: 10px 0 5px; color: #4C5769; } .country-table tr:nth-child(even) td { background-color: #F0F0F0; } .country-table tr td { padding: 3px 5px; color: #4D4D4D; border-bottom: 1px solid #F0F0F0; border-top: 1px solid #F0F0F0; vertical-align: top; } .country-table tr td:first-child { font-weight: 700; min-width: 70%; } .page-template-page-country #content-wrapper { padding-top: 0; } .page-template-page-country header.primary-header { margin-bottom: 40px; } .page-template-page-country .heading.print { border-bottom: 1px solid #394557; margin-bottom: 40px; } .page-template-page-country .heading.print h1 { margin-top: 5px; } .page-template-page-country .heading.print h4 { margin-bottom: 0px; color: #4c5769; } /*** RETINA ***/ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .visible-xs .navbar-brand { background-image: url(images/tvt-logo-mini@2x.png); } .navbar-brand.hidden-xs { background-image: url(images/logo@2x.png); } .social-menu li a.facebook { background-image: url(images/icon-facebook-off@2x.png); } .social-menu li a.facebook:hover, .social-menu li a.facebook:focus { background-image: url(images/icon-facebook-on@2x.png); } .social-menu li a.twitter { background-image: url(images/icon-twitter-off@2x.png); } .social-menu li a.twitter:hover, .social-menu li a.twitter:focus { background-image: url(images/icon-twitter-on@2x.png); } .social-menu li a.rss { background-image: url(images/icon-rss-off@2x.png); } .social-menu li a.rss:hover, .social-menu li a.rss:focus { background-image: url(images/icon-rss-on@2x.png); } .breadcrumbs .home { background-image: url(images/home@2x.png); } #searchform .search-submit { background-image: url(images/lupe@2x.png); } } /* LAYOUT MOBILE */ @media (max-width: 480px) { .post-grid article { width: 100% !important; margin-bottom: 20px; } } /* LAYOUT TABLET */ @media (max-width: 767px) { body { font-size: 12px; } h1, .h1 { font-size: 18px; } h2 { font-size: 16px; } .breadcrumbs { display: none; } #front-banner article h2 { width: 100% !important; } a.explore-maps { font-size: 24px; line-height: 31px; margin: 10px auto; } a.explore-maps div { font-size: 14px; letter-spacing: 1px; padding: 2px 10px 4px; margin-top: 12px; margin-bottom: 0; } a.card h4 { font-size: 16px; } a.card h2 { font-size: 18px; margin: 4px 0 12px; } a.card p, a.card span { font-size: 13px; } .section-header h2 { font-size: 32px; } .table-row-full .table-cell { display: table-row; } .table-row-full .table-cell.spacer { height: 20px; } header#site-header { background-color: #394557; } .navbar { background-repeat: no-repeat; background-position: top right; min-height: 40px; } .main-menu .navbar-nav > li > a { background-color: #5d6673; border-bottom: 1px solid #727D8C; font-size: 18px; } .main-menu .navbar-nav > li.open > a { border-bottom: none; } .navbar-nav { margin-top: 0; margin-bottom: 0; } .navbar-nav > li > a { padding-top: 0 !important; padding-bottom: 0 !important; line-height: 40px; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #5D6673; } .navbar-nav > li > .dropdown-menu { padding: 0; } .navbar-nav > li.open > .dropdown-menu { border-bottom: 1px solid #727D8C; padding-bottom: 10px !important; } .dropdown-menu > li > a { color: #fff; font-weight: 300; border-top: 1px solid #727D8C; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding-left: 15px; line-height: 20px; } .navbar-nav .open .dropdown-menu { background-color: #5D6673; } .menu-mobile-menu-container { display: block; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { border-bottom-color: #4d4a47; } .navbar-nav .open .dropdown-menu { padding: 0 15px; } .navbar-nav .open .dropdown-menu > li > a { padding-left: 0px; } .navbar-nav .open .dropdown-menu > li > a:hover { color: #fff; } .dropdown-menu .dropdown-menu { left: 0; position: relative; display: block; padding: 0; } .navbar-nav .open .dropdown-menu .dropdown-menu > li > a { padding-left: 25px; } .dropdown-menu { border-radius: 0 !important; } .navbar-inner.visible-xs.mobile-sm { margin-left: -5px; margin-bottom: 6px; } .nav.navbar-nav.navbar-right.social-menu > li { display: inline-block; } .nav.navbar-nav.navbar-right.social-menu > li a { background-color: #33312f; border: none; } .small-nav.navbar-nav > li > a { font-size: 14px; background-color: #394557; line-height: 30px; } .small-nav.navbar-nav > li > a:focus { background-color: #394557; } .small-nav.navbar-nav > li.open > a { border-bottom: none; } .small-nav.navbar-nav .open .dropdown-menu { background: none; } .navbar-form { border-top: none; box-shadow: none; border-top: 1px solid #727D8C !important; } #menu-language-menu > li.current-menu-item > a { background-color: #5d6673; } #menu-blue-top-menu-buttons-1 { margin-right: 5px; margin-bottom: 5px; } #menu-blue-top-menu-buttons-1 li { display: inline-block; } #menu-blue-top-menu-buttons-1.navbar-nav > li > a { line-height: 27px; color:#fff; font-size: 12px; padding: 3px 10px; margin: 7px 0 0 10px; background-color: #17A1E6; border-radius: 20px; text-transform: uppercase; } #menu-blue-top-menu-buttons-1.navbar-nav > li > a:hover { background-color: #17A1E6; } .social-menu li a { margin-left: 5px; } .blue-buttons { float: left; } .main-menu .navbar-form { float: none; } .main-menu { overflow: hidden; } #searchform { margin-left: -15px; border-left: none; margin-top: 0; background-color: #5D6673; padding-left: 10px; } #searchform .search-field { font-size: 16px; } #searchform .search-submit { margin-top: 2px; margin-right: 10px; background-size: cover; } .navbar-form { border-top: none; } header.primary-header h1 { margin-bottom: 30px; } #meta { margin-top: -15px; margin-bottom: 10px; } .copyright { padding-left: 0 !important; } .section-heading { background-color: #f27903; margin: 0 -15px; padding: 5px 15px 20px 15px; } .section-heading h2 { margin-top: 6px; font-weight: 400; color: #fff; font-size: 18px; } .section-heading a.read-more { margin-top: 0px; font-size: 30px; color: #fff; font-weight: 400; line-height: 20px; } .post-grid { margin-bottom: 0; } .table-cell.sm span.hl { font-size: 16px; margin-top: 18px; } .table-cell.sm span.sl { margin-top: 0; font-size: 10px; } .lshowcase-logos { margin: 0 -15px !important; } .team-member > div { display: block; } footer { position: relative; bottom: 0; } #front-banner article { margin-bottom: 20px; max-width: 100%; } #front-banner article img { margin-left: 0; padding-bottom: 10px; } #front-banner article h2, #front-banner article.article1 h2 { font-size: 20px; line-height: 28px; } } @media (min-width: 768px) { /* HEADER */ body { background-image: url(images/background-world@2x.png); background-repeat: no-repeat; background-position: top center; } header#site-header { /*background-size: contain; background-image: url(images/headermap@2x.gif);*/ background-position: center middle; background-repeat: no-repeat; } header.primary-header { margin-bottom: 0px; } #content-wrapper { padding-top: 50px; } /* NAVI */ .main-menu { min-height: 130px; } .main-menu .menu-main-menu-container { float: left; } .main-menu .navbar-nav > li > a { padding: 10px; font-size: 22px; font-weight: 600; line-height: 110px; } .dropdown:hover > .dropdown-menu { display: block; } .dropdown-menu > li > a { color: #303030; } .main-menu .navbar-nav > li > .dropdown-menu { margin-top: -40px; } .navbar .dropdown-menu::after { position: absolute; top: -5px; left: 30px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid white; border-left: 6px solid transparent; content: ''; } .navbar .dropdown-menu .dropdown-menu::after { position: absolute; top: 12px; left: -5px; display: inline-block; border: none; border-top: 6px solid transparent; border-right: 6px solid white; border-bottom: 6px solid transparent; content: ''; } #front-banner article.article1 { width: 100%; } #front-banner article.article2 { width: 50%; } #front-banner article.article3 { width: 50%; } #front-banner article.article img { float: right; } #front-banner article.article1 img { max-height: 300px; width: auto; } #front-banner article.article2 img { max-height: 140px; width: auto; } #front-banner article.article3 img { max-height: 140px; width: auto; } #meta { margin-bottom: 15px; margin-top: -50px; } /* FOOTER */ footer .copyright { float: right; } } @media (min-width: 768px) and (max-width: 992px) { #front-banner article.article2 { width: 49%; margin: 2% 1% 0 0; } #front-banner article.article3 { width: 49%; margin: 2% 0 0 1%; } .table-cell.sm span.sl { font-size: 16px; margin-top: 4px; } .main-menu .navbar-nav > li > a { font-size: 20px; } #searchform .search-field { font-size: 20px; } .navbar-brand.hidden-xs { width: 230px; height: 68px; margin-top: 30px; } html:lang(es) .navbar-brand.hidden-xs { width: 200px; height: 59px; } html:lang(es) .main-menu .navbar-nav > li > a, html:lang(es) #searchform .search-field { font-size: 18px; } #searchform .search-field:focus { width: 100px; } } @media (max-width: 992px) { #secondary.sticky { position: relative; top: 0 !important; } #front-banner .row { margin: 0; } } @media (min-width: 992px) { #front-banner article.article img { height: auto; } #front-banner article.article1 { width: 610px; margin-left: 15px; } #front-banner article.article2 { width: 310px; margin-left: 20px; margin-bottom: 20px; } #front-banner article.article3 { width: 310px; margin-left: 20px; } .post-grid.grid-3 article { width: 48%; } .post-grid.grid-4 article { width: 31.3%; } .post-grid.grid-5 article { width: 23%; } .post-grid.grid-3 article:last-child { display: none; } .post-grid.grid-4 article:last-child { display: none; } .post-grid.grid-5 article:last-child { display: none; } .lshowcase-boxInner-normal { margin-left: 15px; margin-right: 15px; } } @media (min-width: 1200px) { #front-banner .row { } #front-banner article.article1 { width: 700px; } #front-banner article.article2 { width: 420px; } #front-banner article.article3 { width: 420px; } .post-grid.grid-3 article { width: 31%; } .post-grid.grid-4 article { width: 23%; } .post-grid.grid-5 article { width: 18%; } .post-grid.grid-3 article:last-child { display: block; } .post-grid.grid-4 article:last-child { display: block; } .post-grid.grid-5 article:last-child { display: block; } .category-description { width: 99%; } .lshowcase-boxInner-normal { width: 220px !important; } }