/** * Styles for the {{ THEME NAME }} theme. */ Body { font-family:'OpenSansRegular', sans-serif;} a {color:#1c75b7;} a:hover {color:#0c4da1;} .iblock, .footer-supported-by-with_partners-region .shortcode-block {display:inline-block;vertical-align:middle;} .site-name { color:#fff;font-size:23px; padding-top:10px;} /* Styling megaMenu****/ .tb-megamenu.tb-megamenu-main-menu .collapse {display: block;/*margin-left:80px;float:left;*/margin-top:0px;visibility:visible;} .tb-megamenu .mega > .mega-dropdown-menu {min-width: 400px;width: 100%;} .tb-megamenu .nav > li > a { font-weight: normal;color:#e4e4e4;} .tb-megamenu .dropdown-menu { border-bottom:0px;} .tb-megamenu .nav li.dropdown.open > .dropdown-toggle { background-color:transparent;} .tb-megamenu .nav > li > a:focus,.tb-megamenu .nav > li > a:hover ,.tb-megamenu .nav > li:hover {background-color:transparent;} .tb-megamenu .dropdown-menu li > a { border-top:0px; font-size:14px;} .tb-megamenu { background:transparent;} .tb-megamenu .nav > .active > a, .tb-megamenu .nav > .active > a:hover, .tb-megamenu .nav > .active > a:focus { background:transparent;} .tb-megamenu .nav > .active > a, .tb-megamenu .nav > .active{color:#07aeee;} .tb-megamenu .nav > li > a { border-right:0px; padding:15px 0px;font-size:16px;} .tb-megamenu .nav > li { margin-left:30px;} div.tb-megamenu ul.nav li:first-child { margin-left:0px;} .tb-megamenu-submenu ul.tb-megamenu-subnav li { border:0px;} .tb-megamenu-nav.nav .open >a, .tb-megamenu-nav.nav .open:focus, .tb-megamenu-nav.nav .open>a:hover { background-color: transparent; } /* Styling NAV HEADER **/ .header-wrapper { background:#0f4fa3} .navbar.container { margin-top:0px;} .header-wrapper .navbar-default { background:transparent;border-radius:0px;margin-bottom:0px; padding:4px 0px;border:0px;} .navbar-header {} .navbar-collapse.collapse { padding:0px;} .navbar-nav { font-size:13px;} .navbar-default .navbar-nav>li>a {padding:0px 6px;color:#f1f2f2;cursor:pointer;z-index:2;} .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover {background-color:transparent;color:#fff;} .navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus { background-color:transparent;} .tb-megamenu .nav li.dropdown.active > .dropdown-toggle, .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle { background-color:transparent;color:#07aeee;} .tb-megamenu .nav > .active > a,.tb-megamenu .nav > .active > a:hover,.tb-megamenu .nav > .active > a:focus { background-color:transparent;} .tb-megamenu .nav > li.dropdown.open.active > a:hover, .tb-megamenu .nav > li.dropdown.open.active > a:focus { background-color: #0f4fa3; } .secondary-links { position: absolute;right: 10px;top: 4px;} .secondary-links a { color:#f1f1f1;font-size:12px;} .secondary-links a:hover { color:#fff;text-decoration:underline;} /* Styling edit menu */ .tabs--primary {background: white;border: 2px solid #dddddd;border-right: 0;position: fixed;right: 0;top: 50%;z-index: 2;} .tabs--primary li {float: none;} .tabs--primary.nav-tabs > li.active > a, .tabs--primary.nav-tabs li a:hover, .tabs--primary.nav-tabs li:hover, .tabs--primary.nav-tabs > li a {border: 0;} .tabs--primary.nav-tabs > li a {margin-right:0;border-radius:0;transition: all ease-in-out .4s;} /* header banners*************/ .header-banner-project, .header-banner-news, .header-banner-publications, .header-banner-team, .header-banner-contact, .header-banner-information { padding:8px 0px;position:relative; background:url("../images/header_triangle.png") no-repeat right #efefef;} .header-banner-project p, .header-banner-news p, .header-banner-publications p, .header-banner-team p, .header-banner-contact p {padding-top:14px;} #page-header .entity-bean p {color:#0f50a4;font-size:16px;} #page-header .entity-bean .row { margin:0px;} #page-header .entity-bean .container { padding:0px;} /* Breadcrumb ********************/ .easy-breadcrumb { font-size:13px;padding-top:16px;} .easy-breadcrumb a, .easy-breadcrumb span { display:inline-block;vertical-align:middle;margin-right:6px;} div.easy-breadcrumb a:first-child, div.easy-breadcrumb span:first-child { margin-left:0px;} .easy-breadcrumb_segment-separator { font-size:0px; background:url("../images/breadcrumb_arrow.png") no-repeat center center; width:5px; height:8px; margin-left:2px;} /* carousel tuning ***************/ .carousel-inner > .item > img, .carousel-inner > .item > a > img { width:100%;} .top-class.container-fluid { padding:0px;} .navbar .logo {margin-top:16px;} .carousel-caption h2 { font-size:20px;display:inline-block; padding:10px;margin-bottom:1px; background: -moz-linear-gradient(top, rgba(0,0,0,0.74) 0%, rgba(0,0,0,0.74) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.74)), color-stop(100%,rgba(0,0,0,0.74))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.74) 0%,rgba(0,0,0,0.74) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0.74) 0%,rgba(0,0,0,0.74) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0.74) 0%,rgba(0,0,0,0.74) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0.74) 0%,rgba(0,0,0,0.74) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd000000', endColorstr='#bd000000',GradientType=0 ); /* IE6-9 */ text-shadow:none;font-weight:normal; font-size:19px;color:#fff;} .carousel-caption p { font-size:14px;display:inline-block; padding:10px;margin-top:0px; background: -moz-linear-gradient(top, rgba(0,0,0,0.74) 0%, rgba(0,0,0,0.74) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.74)), color-stop(100%,rgba(0,0,0,0.74))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.74) 0%,rgba(0,0,0,0.74) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0.74) 0%,rgba(0,0,0,0.74) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0.74) 0%,rgba(0,0,0,0.74) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0.74) 0%,rgba(0,0,0,0.74) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd000000', endColorstr='#bd000000',GradientType=0 ); /* IE6-9 */ text-shadow:none;color:#fff; } .carousel-caption {bottom:60px;margin:0px auto; text-align:left;padding-bottom:0px;} /* styling home blocks****/ .about-region-col { margin-top:20px; min-height:200px;background:#fafafa; padding:10px;} div.about-region-container div.about-region-col:first-child { text-align:left; } div.about-region-container div.about-region-col h2 { font-size:22px;} div.about-region-col {overflow:hidden; } /* div.about-region-container div.about-region-col p a {float:right;} div.about-region-container div.about-region-col p{ overflow:hidden;} div.about-region-container div.about-region-col p {float:right;} div.about-region-container div.about-region-col p:first-child {float:left;}*/ .about-region-col img {float:left;} div.about-region-container div.about-region-col:nth-child(even) { } div.about-region-container div.about-region-col:nth-child(even) h2 { padding-top:30px;} div.about-region-container div.about-region-col:nth-child(even) p{ display:inline-block;} .news-region-col .field-body { padding-left:0px;} .team-region-container { background:#EEF0F2; margin-top: 40px; padding:30px 0px;left:0px;right:0px;position:relative;} .team-region-container .container { padding:0px;} .team-region-container p { font-size:14px; overflow:hidden;} .team-region-container p a.btn { float:right;} .team-region-container h2 {} .partners-region-container { margin-top:0px;} .partners-region-container .row {margin:0px;} .partners-region-container ul { list-style-type:none;text-align:center;} .partners-region-container ul li { display:inline-block; vertical-align:middle; margin-left:20px;} .partners-region-container ul li:first-child { margin-left:0px;} .partners-region-container h4 {text-align:center;} #block-bean-partners-block { margin-bottom:20px;} #block-bean-partners-block ul { list-style-type:none;text-align:center;font-size:0px;padding-left:0px;} #block-bean-partners-block ul li {display:inline-block; vertical-align:middle; margin-left:20px;} #block-bean-partners-block ul li:first-child {margin-left:0px;} #block-bean-partners-block h4 {text-align:center;} /* Removing padding from fluid container ****/ .container-fluid { padding:0px;} /* Removing padding from fluid container ****/ .btn-group-lg>.btn, .btn-lg.btn-link { padding:0px;} .btn-link { font-size:14px;color:#1c75b7;} div.about-region-container .media-element { width:250px; margin:0px auto; } /* typography **********/ h2 { font-size:22px;color:#363738; margin-top:10px;} h3 {color:#3f82b5;font-size:24px;} h4 {font-size:24px;color:#878787;} p, .about-region-col p {color:#5f5f5f;font-size:14px;} .page-header { border-bottom:0px;font-family: 'OpenSansLight',sans-serif;font-weight:300;color:#363739;} h1.page-header { margin-top:12px;} article h2 a {color:#363738;font-size:18px;} article p {color:#5f5f5f;font-size:14px;} article .links.list-inline { text-align:right;} /* styling lists **************/ .field-body ol li {margin-bottom:10px;} .field-body ul li {margin-bottom:6px;} .field-body ol li ol { list-style-type:lower-alpha; margin-top:10px;} .views-row-odd { background:#f8f8f8;} /* Buttons*******************/ .btn { border-radius:0px;border:0px;/*background:#1c75b7;*/} .btn.btn-primary { border:0px;background:#1c75b7;} a.btn:hover { transition:ease-in-out .3s background;-webkit-transition:ease-in-out .3s background;-moz-transition:ease-in-out .3s background;background:#0c4da2;} .btn.btn-link ,.btn.btn-link:hover{ background:transparent;} .btn-group-lg>.btn.text-link:focus, .btn-lg.text-link:focus { box-shadow:none;} .btn-lg.text-link span {font-size:14px!important;} /*styling footer ***********************/ .footer { border-top:0px;padding:0px;margin-top:20px;} .main-menu { text-align:center;} footer #block-footer-sitemap-footer-sitemap {background:/*url('../images/asean_logo.footer.png') no-repeat 85% 80% */#031835; padding:10px 0px;} footer #block-footer-sitemap-footer-sitemap .row { margin:0px;} .footer_links_main-menu ul ul { display:block;} .footer_links_main-menu ul li { text-align:left;} #footer-sitemap ul li { margin-left:40px;text-align:left;font-family: 'OpenSansBold',sans-serif;} #footer-sitemap ul li ul li { margin-left:0px; font-family: 'OpenSansRegular',sans-serif;} #footer-sitemap ul {display:inline-block;} #footer-sitemap ul li ul { margin-top:6px;display:block;} #footer-sitemap a {color:#c4cbd1;} #footer-sitemap a:hover {color:#fff;} #footer-sitemap ul:after {content:"";clear:both; visibility:hidden;line-height:0;height:0} #block-bean-global-footer-supported-by-w { background:#03142C; padding:8px 0px 8px 0px; text-align:right;} #block-bean-global-footer-supported-by-w p {color:#c4cbd1; font-size:11px;} .logo-footer { margin-top:0px;} .footer-partners-link { display: inline-block; vertical-align:middle;} div.footer-supported-by-with_partners-region div.col-xs-5:first-child p { text-align:left;} /* Inside pages *******************/ .header-banner-project .row { margin:0px;} /* footer ****/ .inner-page-footer { border-top:3px solid #f1f2f2; margin-top:20px;} /*font-awesome ************/ .fa-2 {font-size: 2em;} .fa-3 {font-size: 4em;} .fa-4 {font-size: 6em;} .fa-5 {font-size: 12em;} .fa-6 {font-size: 20em;} .fa-1, .fa-2, .fa-3, .fa-4, .fa-5, .fa-6 {color:#d7d7d7;line-height:1em;} /* Panels*******************/ .panel-group .panel-title { font-size:15px;line-height:20px; } .panel-group .panel-title a { display:block; } .panel-group .panel-title a:hover, .panel-group .panel-title a:focus { text-decoration:none; color:#333; } .panel-group .panel-title br { display:none; } .panel-group .panel+.panel {margin-top:2px;} /* Home sticker*************/ #block-bean-sign-up {position: absolute;right: 0px;top: 134px;background: #ECE121;padding: 20px 10px 10px 10px;-webkit-box-shadow: 0 0 8px 4px rgba(0,0,0,0.3); box-shadow: 0 0 8px 4px rgba(0,0,0,0.3);max-width: 156px;min-height:180px;} #block-bean-sign-up .fa-users {color:#fff;text-shadow:1px 0px 0px rgba(0,0,0,0.2);} /* mobile menu*************/ .tb-megamenu .btn-navbar { position:absolute} /* media queries **/ @media screen and (min-width: 1200px) { .navbar.container {} } @media screen and (max-width: 1200px) { div.tb-megamenu ul.nav li:first-child {margin-left:12px;} div.tb-megamenu ul.nav li > ul li:first-child {margin-left:0px;} .tb-megamenu ul li ul li {margin-left:0px!important;} } @media screen and (max-width:992px){ .tb-megamenu .nav > li { margin-left:12px; } .tb-megamenu .nav > li > a {font-size:14px;} } @media screen and (max-width: 979px) { #block-bean-sign-up { display:none;} /* megamenu */ .tb-main-menu { margin-top:-60px;z-index:4000;} .tb-megamenu .nav > li { margin-left:12px;} .tb-megamenu .nav > li > a { font-size:14px;} div.tb-megamenu ul.nav li .mega-dropdown-inner ul li:first-child {margin-left:0px;} .site-name div {padding-right:30px;} /*mega menu mobile button*****/ .tb-megamenu .btn {background:transparent;border: 0px;border-radius: 0px;/* height: 20px; */ float: none;position: absolute;right: 15px;top: 20px;padding: 0px 2px 2px 4px;box-shadow:none;display:block;} .tb-megamenu .btn .fa-bars {color:#fff;} .tb-megamenu .btn:hover .fa-bars {color:#d7d7d7;} .tb-megamenu .btn:hover {background :#0f4fa3;} .tb-megamenu .btn:focus, .tb-megamenu .btn.active {outline:none;background:transparent;} .tb-megamenu.tb-megamenu-main-menu .collapse {/*margin-top:0px!important;width:100%;top:50px;position:absolute;right:0px;*/} .tb-megamenu.tb-megamenu-main-menu .collapse.in { } .tb-megamenu .nav-collapse { top:60px;} .tb-megamenu .nav-collapse .dropdown-menu, .tb-megamenu .nav-collapse { background:#0f4fa3;} .tb-megamenu .nav-collapse ul li {border:0px!important;} .tb-megamenu .nav-collapse .nav > li > a, .tb-megamenu .nav-collapse .dropdown-menu a {border:0px!important;} .tb-megamenu-item.mega.open:hover {background:#0f4fa3;} .tb-megamenu .nav-collapse .nav > li.active > a:hover, .tb-megamenu .nav-collapse .nav > li.active > a:focus { background-color:transparent;} .tb-megamenu .mega-nav > li a, .tb-megamenu .dropdown-menu .mega-nav > li a {background-color:#0f4fa3!important;} .tb-megamenu .nav-collapse .nav > li > a, .tb-megamenu .nav-collapse .dropdown-menu a {background-color:#0f4fa3!important;} #block-tb-megamenu-main-menu { margin-right:-15px;} #navbar .row, .team-region-container .row { margin:0px;} .secondary-links .navbar-nav { margin:0px;} .secondary-links {min-width:156px; right:40px;} .secondary-links ul li {float:left!important;} #footer-sitemap ul li { margin-left:18px; } #footer-sitemap ul li ul { display:none;} .site-name { font-size:19px;} } @media screen and (max-width: 768px){ .news-region-col .field-body { padding-left:15px;} /*.col-md-8.site-name { padding-top:6px;} .tb-main-menu { margin-top:-40px; }*/ } @media screen and (min-width: 768px){ .navbar.container { max-width:100%;} } @media screen and (max-width: 480px) { .navbar.container { height:80px;} .secondary-links { top:40px; right:15px;} .pipe {display:none;} /*.site-name { padding-top:12px;}*/ }