/* Basics =========================== */ /* Button Colours =========================== */ /* Top Bar =========================== */ /* NavBar =========================== */ /* Mobile Nav =========================== */ /* Social =========================== */ /* Footer =========================== */ /* Panel Header Colours =========================== */ /* Title Colour =========================== */ /* Style 1 Title BG Colour */ /* Basics =========================== */ /* Button Colours =========================== */ /* Top Bar =========================== */ /* NavBar =========================== */ /* Mobile Nav =========================== */ /* Social =========================== */ /* Footer =========================== */ /* Panel Header Colours =========================== */ /* Title Colour =========================== */ /* Style 1 Title BG Colour */ @import url("https://fonts.googleapis.com/css?family=Hind:400,500|Poppins:500,700"); #page { font-family: "Hind", sans-serif !important; } #page h1, #page h2, #page h3, #page h4, #page h5, #page .panel .panel-heading h3, #page .ss-panel .ss-panel-header .item_name, #page .cta-widget h3, #page .what-we-do .what-we-do-panel h3, #page .company-page-header .company-name-logo h2, #page .company-brief h3, #page .users-company.panel-body a, #page .btn, #page .navbar-default .main-nav a, #page .directory-member .member-image .member-name a, #page .directory-search-label { font-family: "Poppins", sans-serif !important; } /* --- General Styles --- */ body { text-rendering: optimizeLegibility !important; -webkit-font-smoothing: subpixel-antialiased; } /* Header */ /*#page { .site-header.fixed-enabled { position: absolute; top: 0 !important; } .site-header.fixed-enabled.fixed { position: fixed; } #body { padding-top: 0 !important; } }*/ @media screen and (max-width: 992px) { #page .site-header { height: 80px; } #page .site-header #header_topbar { display: none; } } @media screen and (max-width: 768px) { #page .site-header #header_topbar #header-account-buttons { margin: 0; width: 100%; padding: 0 20px; } #page .site-header #header_topbar #header-account-buttons #header_topbar_account { width: 100%; } #page .site-header #header_topbar #header-account-buttons #header_topbar_account #account_buttons ul { margin: 0; width: 100%; text-align: right; } #page .site-header #header_topbar #header-account-buttons #header_topbar_account #account_buttons ul li { display: inline-block; } } #page .site-header .navbar-default { background: transparent; position: absolute; z-index: 3; margin: 0 auto; left: 0; right: 0; } #page .site-header .navbar-default > .container { position: relative; } @media screen and (max-width: 992px) { #page .site-header .navbar-default > .container { width: 768px; } } @media screen and (max-width: 768px) { #page .site-header .navbar-default > .container { width: 600px; } } @media screen and (max-width: 600px) { #page .site-header .navbar-default > .container { width: 420px; } } @media screen and (max-width: 480px) { #page .site-header .navbar-default > .container { width: 300px; } } #page .site-header .navbar-default > .container > .visible-xs.visible-sm { height: 80px; } #page .site-header .navbar-default > .container > .visible-xs.visible-sm .mobile-menu-toggle-switch { right: auto; left: 0; top: 25.5px; color: #666; } #page .site-header .navbar-default > .container > .visible-xs.visible-sm .mobile-menu-toggle-switch:hover { color: #3485eb; } #page .site-header .navbar-default > .container > .visible-xs.visible-sm .navbar-brand { text-align: center; padding: 8.5px 0; margin: 0 auto; left: 0; right: 0; position: absolute; } #page .site-header .navbar-default > .container > .visible-xs.visible-sm .navbar-brand img { height: 63px !important; display: inline-block; } #page .site-header .navbar-default .main-nav { float: right; margin: -4px; padding-right: 0; } #page .site-header .navbar-default .main-nav .nav { height: 120px; } #page .site-header .navbar-default .main-nav .nav > li { height: 100%; box-sizing: border-box; } #page .site-header .navbar-default .main-nav .nav > li.dropdown > a:after { font-family: FontAwesome; content: "\f107"; display: inline-block; margin-left: 3px; vertical-align: top; left: 4px; position: relative; font-size: 16px; margin: 0 7px 0 0; } #page .site-header .navbar-default .main-nav .nav > li > a { font-size: 16px; line-height: 120px; height: 100%; vertical-align: middle; font-weight: 500; padding: 0 14px; text-transform: none; } @media (max-width: 1200px) { #page .site-header .navbar-default .main-nav .nav > li > a { font-size: 13px; } } #page .site-header .navbar-default .main-nav .nav > li.dropdown.open > ul.dropdown-menu { opacity: 1; } #page .site-header .navbar-default .main-nav .nav > li.dropdown > ul.dropdown-menu:after { content: ""; display: block; border: 1px solid #e1e1e1; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; } #page .site-header .navbar-default .main-nav .nav > li.dropdown ul { border-radius: 0; padding: 26px 0; background-color: #fff; border: none; border-top: 5px solid #3485eb; -webkit-box-shadow: none; box-shadow: none; opacity: 0; transition: opacity 0.3s ease; } #page .site-header .navbar-default .main-nav .nav > li.dropdown ul > li { width: 220px; } #page .site-header .navbar-default .main-nav .nav > li.dropdown ul > li > a { white-space: inherit; font-family: "Hind", sans-serif !important; font-size: 16px; padding: 6px 35px; line-height: 24px; font-weight: 400; color: #797979; position: relative; background-color: transparent !important; } #page .site-header .navbar-default .main-nav .nav > li.dropdown ul > li > a:hover { color: #3485eb; } #page .site-header .navbar-default .main-nav .nav > li.dropdown ul > li.dropdown-submenu ul.dropdown-menu { top: 17px !important; left: -7px !important; border: 1px solid #e1e1e1; } #page .site-header .navbar-default .main-nav .nav > li.dropdown ul > li.dropdown-submenu.open ul.dropdown-menu { opacity: 1; } #page .site-header .navbar-default .main-nav .nav > li.dropdown ul > li.dropdown-submenu > a:after { position: absolute; display: inline-block; vertical-align: middle; top: 0; right: 50px; content: "\f105"; font-family: FontAwesome; font-size: 15px; text-rendering: auto; -webkit-font-smoothing: antialiased; border: none; } #page .site-header .navbar-default .main-nav .nav > li.dropdown ul:after, #page .site-header .navbar-default .main-nav .nav > li.dropdown ul:before { display: none; } #page .site-header .navbar-default .navbar-nav > .active > a, #page .site-header .navbar-default .navbar-nav > .active > a:hover, #page .site-header .navbar-default .navbar-nav > .active > a:focus, #page .site-header .navbar-default .navbar-nav > li > a:hover, #page .site-header .navbar-default .navbar-nav > li > a:focus { color: #d1eeff; } #page .site-header #header_topbar { background-color: #3485eb; height: 36px; position: relative; z-index: 5; } #page .site-header #header_topbar .navbar-brand { position: absolute; top: 42px; padding: 0; } @media screen and (max-width: 992px) { #page .site-header #header_topbar .navbar-brand { display: none; } } #page .site-header #header_topbar #header-account-buttons { margin: 10px 0; } @media screen and (max-width: 768px) { #page .site-header #header_topbar #header-account-buttons { margin: 0; } } #page .site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a { padding: 0; border: none; color: #fff; text-transform: none; font-size: 14px; border-radius: 0; } #page .site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a:hover, #page .site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a:active, #page .site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a:focus, #page .site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a.selected { background: transparent; color: #fff; } #page .site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li:first-child > a { border-right: 1px solid #fff; padding-right: 5px; } #page .site-header.fixed-enabled * { transition: all 0.3s ease; } #page .site-header.fixed-enabled.fixed #header_topbar > .container { width: 100%; } #page .site-header.fixed-enabled.fixed #header_topbar .col-xs-12 { position: static; } #page .site-header.fixed-enabled.fixed #header_topbar .navbar-brand { top: 36px; left: 20px; } #page .site-header.fixed-enabled.fixed #header_topbar .navbar-brand img { height: 60px !important; } #page .site-header.fixed-enabled.fixed .navbar-default { background-color: #fff; border-bottom: 1px solid #d8d8d8; } #page .site-header.fixed-enabled.fixed .navbar-default > .container { width: 100%; padding: 0; } @media screen and (max-width: 992px) { #page .site-header.fixed-enabled.fixed .navbar-default > .container { width: 768px; } } @media screen and (max-width: 768px) { #page .site-header.fixed-enabled.fixed .navbar-default > .container { width: 600px; } } @media screen and (max-width: 600px) { #page .site-header.fixed-enabled.fixed .navbar-default > .container { width: 420px; } } @media screen and (max-width: 480px) { #page .site-header.fixed-enabled.fixed .navbar-default > .container { width: 300px; } } #page .site-header.fixed-enabled.fixed .navbar-default .main-nav { float: none; text-align: center; width: 100%; margin: 0; } #page .site-header.fixed-enabled.fixed .navbar-default .main-nav ul.nav { float: none; display: inline-block; height: 54px; padding-left: 28px; } #page .site-header.fixed-enabled.fixed .navbar-default .main-nav ul.nav > li > a { color: #666; line-height: 60px; padding: 0 28px; } @media screen and (max-width: 1200px) { #page .site-header.fixed-enabled.fixed .navbar-default .main-nav ul.nav > li > a { padding: 0 15px; } } #page .site-header.fixed-enabled.fixed .navbar-default .main-nav ul.nav > li.dropdown > ul.dropdown-menu { top: 65px !important; } #page .site-header.fixed-enabled.fixed .navbar-default .navbar-nav > li.active > a, #page .site-header.fixed-enabled.fixed .navbar-default .navbar-nav > li.active > a:hover, #page .site-header.fixed-enabled.fixed .navbar-default .navbar-nav > li.active > a:focus, #page .site-header.fixed-enabled.fixed .navbar-default .navbar-nav > li > a:hover, #page .site-header.fixed-enabled.fixed .navbar-default .navbar-nav > li > a:focus { color: #3485eb; } #page .header-banner .header-banner-text { position: relative; height: 100%; } #page .header-banner .header-banner-text .header-banner-text-inner { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } #page .header-banner .header-banner-page-title { font-weight: 700; size: 36px; line-height: 16px; text-transform: uppercase; text-shadow: none; } #page .header-banner .header-banner-page-title:after { content: ""; display: block; border: 0px solid #fff; border-color: #3485eb; width: 20%; border-bottom-width: 3px; margin-top: 18px; } /* Footer */ #page #site_footer { padding: 0; } #page #site_footer .footer-upper { padding: 68px 0 70px; background-color: #212121; } #page #site_footer .footer-upper .container { width: 1100px; padding: 0; } @media only screen and (max-width: 1200px) { #page #site_footer .footer-upper .container { width: 950px; } } @media only screen and (max-width: 1024px) { #page #site_footer .footer-upper .container { width: 768px; } } @media only screen and (max-width: 768px) { #page #site_footer .footer-upper .container { width: 600px; } } @media only screen and (max-width: 600px) { #page #site_footer .footer-upper .container { width: 420px; } } @media only screen and (max-width: 480px) { #page #site_footer .footer-upper .container { width: 300px; } } @media only screen and (max-width: 320px) { #page #site_footer .footer-upper .container { width: 95%; } } #page #site_footer .footer-upper h3 { font-family: "Hind", sans-serif !important; font-weight: 500; font-size: 22px; line-height: 24px; margin: 0 0 30px; color: #fff; } #page #site_footer .footer-upper .footer-upper-col-1, #page #site_footer .footer-upper .footer-upper-col-2 { padding: 0 15px; } #page #site_footer .footer-upper .footer-upper-col-1 { border-right: 1px solid #414141; } #page #site_footer .footer-upper .footer-upper-col-1 p { font-size: 18px; } @media screen and (max-width: 767px) { #page #site_footer .footer-upper .footer-upper-col-1 { border-right: none; } } #page #site_footer .footer-upper .footer-upper-col-2 a { color: #797979; font-size: 15px; line-height: 25px; } #page #site_footer .footer-upper .footer-upper-col-2 a:hover { color: #fff; } #page #site_footer .footer-upper .footer-upper-col-2 ul { padding: 0; margin: 0; list-style: none; } #page #site_footer .footer-upper .footer-upper-col-2 li { margin: 0 0 10px; } #page #site_footer .footer-upper .footer-upper-col-2 li:last-child { margin: 0; } #page #site_footer .footer-upper p { color: #797979; } #page #site_footer .footer-lower { background-color: #303030; height: 60px; display: table; width: 100%; padding: 0 15px; } #page #site_footer .footer-lower > div { display: table-cell; vertical-align: middle; } #page #site_footer .footer-lower p { margin: 10px 0; color: #a2a2a2; line-height: 25px; } .edgtf-social-icon-widget:hover { color: #F0F2F6; } #page .header-banner { height: 340px; } @media screen and (min-width: 1200px) { #page .header-banner { height: 400px; } } @media screen and (min-width: 1500px) { #page .header-banner { height: 450px; } } @media screen and (max-width: 767px) { #page .header-banner { height: 200px; } } #page .btn { border-radius: 0; border: 1px solid black; } #page .what-we-do .what-we-do-img { width: auto; height: auto; font-size: 60px; } .mm-list { color: white !important; } .no-banner #page .site-header { height: 125px; margin-bottom: 10px; background: #3485eb; } .no-banner #page .site-header #header_topbar .navbar-brand { top: 10px; } .no-banner #page .site-header.fixed-enabled.fixed { height: auto; } .ui-dialog label { margin-bottom: 1px; color: black; font-weight: bold !important; font-size: small; text-size-adjust: inherit; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { color: black; font-weight: bold !important; } .alert .alert-info notice .alert-info { background-color: #cea877; color: black; } .modal-body { position: relative; padding: 15px; font: -webkit-control; } .report .report_fields ul li { margin: 5px; color: #282828 !important; } .banner-full-height .site-header .navbar-default { float: right !important; } #page .site-header .navbar-default .main-nav .nav > li > a { padding: 0 10px; } #main_content .message_attendees_button { position: relative; right: auto; top: auto; margin-bottom: 1rem; float: right; }