/* 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 */
/* FONTS */
@import url("https://fonts.googleapis.com/css?family=Founders Grotesk Light:300,400,700,900");
/*--set Navigation font size, weight and capitilisation --*/
#page .navbar-default .navbar-nav li > a { font-size: 14px; font-weight: bold; text-transform: capitalize; }

/*--shift Navigation bar to the right --*/
#page .navbar-default .navbar-nav { margin-left: 200px; }

#page { font-family: "Founders Grotesk Light", Helvetica, 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: "Founders Grotesk Light", Helvetica, sans-serif !important; }

/* Change Text Header colour */
h1, .h1, h2, .h2, h3, .h3, h4, .h4 { color: #283479 !important; font-weight: bold; }

/* Slideshow Styles */
.header-slideshow .header-slideshow-wrapper .flex-slideshow .slides li .flex-caption .slide-info .slide-title { text-shadow: 1px 1px 1px #000; }

.header-slideshow .header-slideshow-wrapper .flex-slideshow .slides li .flex-caption .slide-info .slide-content { text-shadow: .5px .5px .5px #000; }

/* Homepage Nav */
.header-slideshow #page .site-header.fixed { background: #134074 !important; }

.header-slideshow #page .site-header .navbar-default .navbar-collapse .nav > li > a { text-shadow: 1px 1px 1px #000; }

.header-slideshow #page .site-header .navbar-default .navbar-collapse .nav > li > a:hover { color: #3c91e6; }

/* Nav in general */
#page .site-header.fixed-enabled.fixed { background: #fff; }

.navbar-default .main-nav .nav > li.dropdown > ul a { color: #283479; }

.navbar-default .main-nav .nav > li.dropdown > ul a:hover, .navbar-default .main-nav .nav > li.dropdown > ul a:focus { color: #d97d00; }

.navbar-default .main-nav .nav > li a { font-weight: bold; color: #283479; }

.navbar-default .main-nav .nav > li a:hover, .navbar-default .main-nav .nav > li a:focus { color: #d97d00; }

.homepage-alt-bg { background: #fff !important; color: #9d9d9c; }

/* --- SASS MIXINS --- */
/* --- General Styles --- */
.cpage #page #main { padding-bottom: 0; }

body { text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased; }

.subcontainer_style1 .subscribe-form-container { background-color: #3A3D42 !important; color: #fafafa !important; }

.what-we-do-panel a i { font-size: 60px; }

a:not(.btn):hover, a:not(.btn):focus { color: #d97d00; }

/* --- Logo Filters --- */
.header-slideshow #page .site-header .navbar-brand img { -webkit-filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1); -ms-filter: brightness(0) invert(1); -o-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

.lower-footer .footer-logo { /* hide footer logo */ display: none !important; }

.lower-footer .footer-logo .navbar-brand img { height: 40px !important; -webkit-filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1); -ms-filter: brightness(0) invert(1); -o-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

/*Facebook banner color */
div.fb-album-title { background-color: #333333 !important; }

/* TILE NAV */
.homepage-tile-nav { width: 70%; margin: 0 auto; }

.homepage-tile-nav .row > div { display: table; margin: 20px 0; }

.homepage-tile-nav .row > div div { height: 300px; width: 100%; position: relative; padding-top: 25px; }

.homepage-tile-nav .red-1 { background: #BF463B; }

.homepage-tile-nav .blue-1 { background: #0353a4; }

.homepage-tile-nav .blue-1:hover { color: #61d095 !important; }

.homepage-tile-nav .blue-2 { background: #3c91e6; }

.homepage-tile-nav .blue-3 { background: #134074; }

.homepage-tile-nav .green-1 { background: #61d095; }

.homepage-tile-nav .green-2 { background: #54ce44; }

.homepage-tile-nav .white-1 { background: #ffffff; }

.homepage-tile-nav a { color: #283479; }

.homepage-tile-nav i { font-size: 60px; margin-bottom: 10px; }

.homepage-tile-nav h4 { color: #283479; }

.homepage-tile-nav .btn, .homepage-tile-nav .btn-primary, .homepage-tile-nav .btn-sm { border-style: solid; border-width: 1px; border-radius: 20px; background-color: #fff !important; border-color: #283479 !important; color: #283479 !important; }

/* CUSTOM UPCOMING EVENT TILES */
.homepage-upcoming-events { width: 80%; margin: 0 auto; }

.homepage-upcoming-events .row > div { display: table; margin: 40px 0 0; }

.homepage-upcoming-events .row > div div { height: 400px; width: 95%; position: relative; padding-top: 25px; margin-bottom: 25px; }

.homepage-upcoming-events .orange-1 { background: #d97d00; }

.homepage-upcoming-events .red-1 { background: #b04231; }

.homepage-upcoming-events .green-1 { background: #4a998a; }

.homepage-upcoming-events .white-1 { background: #ffffff; }

.homepage-upcoming-events a { color: #fff; }

.homepage-upcoming-events i { font-size: 60px; margin-bottom: 10px; }

.homepage-upcoming-events .btn, .homepage-upcoming-events .btn-primary, .homepage-upcoming-events .btn-sm { border-style: solid; border-width: 1px; border-radius: 20px; background-color: transparent !important; border-color: #fff !important; color: #fff !important; }

/* CUSTOM WIDGET - AFFILIATE OFFER TILE NAV */
.affiliate-offer-tile-nav { width: 70%; margin: 0 auto; }

.affiliate-offer-tile-nav .row > div { display: table; margin: 20px 0; }

.affiliate-offer-tile-nav .row > div div { height: 250px; width: 100%; position: relative; padding-top: 25px; }

.affiliate-offer-tile-nav .red-1 { background: #BF463B; }

.affiliate-offer-tile-nav .blue-1 { background: #0353a4; }

.affiliate-offer-tile-nav .blue-1:hover { color: #61d095 !important; }

.affiliate-offer-tile-nav .blue-2 { background: #3c91e6; }

.affiliate-offer-tile-nav .blue-3 { background: #134074; }

.affiliate-offer-tile-nav .green-1 { background: #61d095; }

.affiliate-offer-tile-nav .green-2 { background: #54ce44; }

.affiliate-offer-tile-nav .white-1 { background: #ffffff; }

.affiliate-offer-tile-nav a { color: #283479; }

.affiliate-offer-tile-nav i { font-size: 60px; margin-bottom: 10px; }

.affiliate-offer-tile-nav h4 { color: #283479; }

.affiliate-offer-tile-nav .btn, .affiliate-offer-tile-nav .btn-primary, .affiliate-offer-tile-nav .btn-sm { border-style: solid; border-width: 1px; border-radius: 20px; background-color: #fff !important; border-color: #283479 !important; color: #283479 !important; }

/* subscrib widget */
#right_panel1 .subcontainer_style1 .subscribe-form-container { background-color: #fff !important; }

#right_panel1 .subcontainer_style1 .subscribe-form-container .subscribe-widget { background: #858585; }

#page .richtext img { max-width: 95%; height: auto; }

/* Homepage Backgrounds */
#page { /*  .homepage-alt-bg, */ }

#page footer { background: #283479 !important; }

#page .powered-by-silkstart { background: #283479 !important; }

.team-page .header-banner-page-title, .team-page .header-banner-subtext { display: none; }

/*-- adjust action buttons colour --- */
.btn-primary, .btn-danger { background-color: #283479 !important; color: #ffff !important; font-size: 14px !important; }

/* change signup organization description */
.signup-header { visibility: hidden !important; }

.signup-header:after { visibility: visible; content: "Apply for Membership of WYSE Travel Confederation"; position: absolute; left: 50px; top: 0; font-weight: 700; font-size: 20px; color: #283479; }

.signup-organization-description { visibility: hidden !important; }

.signup-organization-description:after { visibility: visible; content: "To apply for WYSE Travel Confederation membership please complete the following form. Should you have any questions throughout the process please feel free to email membership@wysetc.org or call us on +31 20 421 2800. We look forward to welcoming you as a member."; position: absolute; left: 50px; top: -45px; font-size: 16px; color: #282828; }

.sign_up .signup_form .fs16.mb1.mt2 { font-size: inherit; font-weight: 400; }

/* .sign_up .signup_form .plan-fields .custom-heading-field-description:after { content: "\A Click on this link for more information about our membership plans"; white-space: pre; } */
/* suppress display of Categories & Display Type & Events in Next and Past Events in Event List view so user can't remove category filter  */
.event_item_listings .event-filters.filtered-search-controls > div:nth-child(-n+6) { display: none; }

/* remove the border outline of the left hand event listing controls panel */
.event_item_listings .panel.panel-default { border: none !important; }

/* change background colors on event list headers */
.event-list-title a { background-color: #283479 !important; }

/* change background colors on 'events in next' header */
.mt2 .facet-title { background-color: #283479 !important; text-transform: lowercase; position: relative; top: -20px; }

.mt2 .facet-title:first-letter { text-transform: capitalize; }

/*Format all banner page titles on non-mobile screens */
.header-banner-text .container .header-banner-text-inner .header-banner-page-title { position: relative; top: -30px !important; text-align: center; color: #ffffff !important; }

@media (max-width: 991px) { .header-banner-text .container .header-banner-text-inner .header-banner-page-title { top: -25px !important; } }

/*Format banner height on mobile */
@media (max-width: 991px) { .header-banner { max-height: 150px !important; } }

/*Add text to banner on logged out page */
.login-page .header-banner-text .container .header-banner-text-inner .header-banner-page-title:after { content: "Login page" !important; top: -30px !important; text-align: center; color: #ffffff !important; }

/* Replace 'Member Team members' with 'Team Members' in Company Dir Profile */
.company-employees-list h2 { visibility: hidden; }

.company-employees-list h2:before { visibility: visible; content: "Team members"; }

/* remove unwanted fields from user profile */
.home_address { display: none !important; }

/* change default banner height for app pages */
.header-banner { height: 150px !important; }

/* change default banner height for  cpages */
.cpage .header-banner { height: 150px !important; }

/* change banner text position to be 1 line higher than breadcrumb for single article pages */
.article-page-single .header-banner-text .container .header-banner-text-inner .header-banner-page-title { position: relative; top: 5px !important; text-align: center; }

@media (max-width: 991px) { .article-page-single .header-banner-text .container .header-banner-text-inner .header-banner-page-title { top: -25px !important; } }

.article-page-single .header-banner { height: 150px !important; }

/* add instruction lines above the company profile edit tab - COMMENTED OUT FOR NOW AS NO LONGER NEEDED .company_edit .item_edit_section[data-section="about"]:before { content: "Instructions for completing/updating \A this organisation profile \A and here's another line"; white-space: pre; } */
.company-body .employee-list li { text-align: center; }

/* Remove the Create an Org button on the Member Company Table directory  page */
.company_user-directory-page #secondary_content .panel.panel-default:first-of-type { display: none !important; }

/* Remove the Create an Org button on the Non-member Company directory  page */
.company-directory-page #secondary_content .panel.panel-default:first-of-type { display: none !important; }

/* change all credit card payment screen headers background and font color to match elsewhere */
.new-card-section h3 { color: #ffffff !important; background-color: transparent !important; }

.payment_form .panel .panel-heading { background-color: #283479 !important; }

/* change header background on the locations tab of company directory profile  */
.company-location-name { background-color: #283479 !important; }

/* add line-break between billing and contact person in the company details tab */
.dmr_section_top_info::after { content: "\A              "; white-space: pre; }

/* change 'New Franchise' to 'New location' in Add New location screen in Directory */
.new_franchise .edit-page-title { visibility: hidden !important; }

.new_franchise .edit-page-title::before { visibility: visible; content: "New location"; }

/* change Directory company profile header background to blue and name to white */
.company-page-header { background-color: #283479 !important; }

.company-page-header .company-name-logo h2 { color: #ffffff !important; }

/*Add text to banner on directory team profile page */
.user-page-single .header-banner .header-banner-text .container .header-banner-text-inner::after { content: "Team member profile" !important; position: relative; top: -40px !important; font-size: 36px; color: #ffffff !important; }

@media (max-width: 991px) { .user-page-single .header-banner .header-banner-text .container .header-banner-text-inner::after { top: 25px !important; } }

/* change info icon to white on company primary location tab */
.company-location-name .popover_link .fa-question-circle { color: #ffffff; opacity: 90%; }

/* customise the affiliate offers article widget */
.stacks .article-list.stack-bordered { background-color: #e0ecf8 !important; }

.stacks .article-list.stack-bordered:hover { background: #ffffff; }

.article-list .fat-padded-panel { background-color: #fff !important; border-radius: 0px; }

.panel .panel-default { border-radius: 0px; }

/* Remove the Go to all articles button on the single article page (as it takes you to the top not a filtered list) */
.article-page-single #secondary_content .panel.panel-default .item_action_go_to_all { display: none !important; }

/* Remove the share & permalink buttons on the single article page (to prevent sharing) */
.article-page-single .item_interaction_actions.row { display: none !important; }

/* Remove the share social link buttons on the payment confirmation page */
.successful-payment .fs18 { visibility: hidden !important; }

.successful-payment .mt3 .row { visibility: hidden !important; }

.successful-payment .fs18::before { visibility: visible; content: url("https://silkstart.s3.amazonaws.com/62e7d8e81995c705bbc51b0d.png"); position: relative; z-index: 100000; left: -20px; }

/* Remove login button from sign up page */
body.sign_up #login_button { display: none; }

/* fix lack of space between image and bulleted text beside it in articles */
.article-page-single .html_content img.FLOAT_LEFT { margin-right: 25px; }

/* make logo background a square from a circle in company directory about view & fill the whole logo area */
.company-page-header .company-name-logo .company-logo { border-radius: 5px !important; padding: 0px !important; }

/* added as a fix to embed the form in the  wyse website - r3 */
form.payment_form { margin-top: 8rem; }

/*added as a fix to align the content for Signup description in desktop and mobile mode-r3*/
.signup-organization-description:after { left: 3px !important; }

/* Media query for screens smaller than 600px-r3*/
@media (max-width: 600px) { .signup-organization-description:after { position: absolute; left: 3px; top: -45px; right: 25px; } }