/* This line inserts styles from the old location for styles, if you have a new site or if you've created your style from scratch recently, you can remove this line */
@import url('https://fonts.googleapis.com/css?family=Nunito');
div#menuContainer {
position: unset !important;
}
#menuContainer .navbar-default {
width: 52% !important;
margin-left: 44vw;
position: absolute;
top: 95px;
/* bottom: 28px; */
/* top: 12px;
*/
}
body,td,td.cell,p {
font-family: 'Nunito', Arial !important;
}
.contentBuilder #homeContent img {
/* max-height: 155px;
*/
}
.registerButtons a[href*="E5"] {
display: none;
}
.registerButtons a[href*="id=1"] {
border-top-right-radius: 3px !important;
border-bottom-right-radius: 3px !important;
}
.registerButtons.btn-group.pull-right a:first-child:after {
/*content: "Book Now";
*/
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #3e8f3e;
}
.registerButtons a[href*="id=1"]:after {
content: "Donate Now" !important;
}
.highlighted div.header_right {
padding-left: 0px !important;
}
.transparentView .corner_header_wrapper {
margin-left: 0px;
margin-top: 0px;
padding-bottom: 0px;
}
body.desktop:not(.verticalMenu) #menuNav ul.menuContainer.primaryMenu {
width: 50%;
float: right;
}
.transparentView .corner_header_wrapper div {
color: #0a76b7;
font-size: 24px;
margin-left: 0px;
}
grammarly-extension {
display: none;
}
.desktop #menuNav ul.menuContainer {
background: transparent;
}
.desktop ul.slimmenu li>div:hover {
background: transparent;
}
.hideOnMobileOnly i {
padding: 14px;
}
/*.desktop #menuContainer{
background: linear-gradient(to bottom, #0a76b7 0%,#00578e 100%) !important;
max-width:100% !important;
}
*/
.desktop #menuNav ul.menuContainer>li>div,.desktop #menuNav ul.menuContainer>li {
font-family: 'Nunito';
font-size: 16px;
font-weight: 400;
font-style: normal;
}
.desktop ul.slimmenu li>ul {
color: #6d6d6d;
background-color: rgba(235, 235, 235, 0.94) !important;
}
.desktop ul.subMenu li>div:hover {
color: #0872B2;
background: #FFFFFF;
}
.desktop ul.slimmenu>li>ul>li {
background: none;
}
.desktop #navigationContainer.menuContainer {
background-color: none !important;
background: none !important;
margin-top: -68px !important;
}
.desktop ul.slimmenu>li>div {
background-image: none;
}
/*.desktop #outerMenuContainer{
background: linear-gradient(to bottom, #0a76b7 0%,#00578e 100%) !important;
}
*/
.desktop #outerMenuContainer #menuContainer #menuLeft {
height: 104px;
width: 46vw;
}
.desktop .fullWidth #outerMenuContainer #menuNav {
/* margin-left: 219px;
*/
/* width: calc(100% - 219px) !important;
margin-top: 50px;
*/
margin-left: 38vw;
/* width: 70%;
*/
width: 46vw;
/* float: right;
*/
}
.desktop #navigationContainersubmenu_1 {
color: #00305e;
}
#headerContainer .fw-top-bar {
background-color: #ffffff;
padding: 10px 0;
line-height: 35px;
font-size: 22px;
color: #808080;
text-align: right;
}
#headerContainer .fw-top-bar .fw-container {
z-index: 101;
}
#headerContainer .fw-container {
position: relative;
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
#headerContainer .fw-container:before,#headerContainer .fw-container:after {
content: " ";
display: table;
}
#headerContainer .fw-top-social-right .fw-text-top-bar {
float: none;
}
#headerContainer .search-in-top-bar .fw-top-bar-social,#headerContainer .search-in-top-bar .fw-text-top-bar {
position: relative;
}
#headerContainer .fw-top-bar .fw-text-top-bar {
color: #808080;
letter-spacing: 0.3px;
font-weight: 400;
font-family: 'Nunito';
font-style: normal;
text-align: left;
display: inline-block;
}
#headerContainer .fw-top-bar .fw-text-top-bar p {
text-align: right;
}
#headerContainer p:last-child {
margin-bottom: 0;
}
#headerContainer .fw-top-bar .fw-top-bar-social {
display: inline-block;
}
#headerContainer .fw-top-social-right .fw-top-bar-social {
float: none;
}
#headerContainer .fw-top-bar .fw-top-bar-social a:first-child {
margin-left: 0;
}
#headerContainer .fw-top-bar .fw-top-bar-social a {
font-size: 27px;
color: #a5a5a5;
padding-left: 0px;
border-right: 1px solid #E9E9E9;
padding-right: 10px;
}
#headerContainer .fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#headerContainer .fa-youtube:before {
content: "\f167";
}
#headerContainer .fa-facebook-f:before,.fa-facebook:before {
content: "\f09a";
}
#headerContainer .fa-instagram:before {
content: "\f16d";
}
@media (min-width: 768px) {
#headerContainer .fw-container {
width: 750px;
}
}
@media (min-width: 992px) {
#headerContainer .fw-container {
width: 970px;
}
}
@media (min-width: 1200px) {
#headerContainer .fw-container {
width: 1170px;
}
}
#headerContainer .fw-header {
position: relative;
z-index: 100;
border-top: 5px solid #155F8D;
}
.fa-caret-down:before {
content: "\f0d7";
}
/*New menu style change*/
/*New menu style change*/
/*#menuContainer .navbar-default {
background-image: none !important;
background-color: unset;
border-color: transparent;
box-shadow: unset;
}*/
#menuContainer .navbar-default {
background-image: none !important;
background-color: transparent !important;
border-color: transparent !important; box-shadow: none !important;
}
#menuContainer .navbar-default .navbar-nav>li>a,.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus {
color: #fff;
font-size: 16px;
}
#menuContainer .dropdown-menu>li>a {
color: #6d6d6d;
background-color: rgba(235, 235, 235, 0.94) !important;
}
#menuContainer .dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus {
background-color: #fff !important;
background-image: none;
color: #0871b2;
}
div#headerContainer {
background-image: radial-gradient(at center top, #0871b2 0%, #065383 100%);
}
@media screen and (max-width: 2000px) {
#menuContainer .navbar-default {
background-image: none !important;
background-color: transparent !important;
border-color: transparent !important; box-shadow: none !important;
}
#menuContainer .navbar-default {
width: 52% !important;
margin-left: 44vw;
position: absolute;
top: 95px;
/* bottom: 28px;*/
/* top: 12px;
*/
}
div#imgDiv {
margin-left: 312px;
}
}
@media screen and (max-width: 1600px) {
#menuContainer .navbar-default {
width: 59% !important;
margin-left: 36vw;
position: absolute;
top:95px;
/* bottom: 28px;
top: -72px;
*/
}
div#imgDiv {
margin-left: 212px;
}
}
@media screen and (max-width: 1400px) {
#menuContainer .navbar-default {
bottom: 3px;
}
}
@media screen and (max-width: 1300px) {
div#imgDiv {
margin-left: 120px;
}
}
@media screen and (max-width: 1000px) {
div#imgDiv {
margin-left: 90px;
}
}
@media screen and (max-width: 900px) {
div#imgDiv {
margin-left: 55px;
}
#menuContainer .navbar-default {
margin-left: 31vw;
}
}
@media screen and (max-width: 767px) {
#outerMenuContainer .navbar-default {
position: inherit;
margin-left: 0vw;
width: 100% !important;
/* background-image: radial-gradient(at center top, #0871b2 0%, #065383 100%); */
}
#outerMenuContainer{background-image: radial-gradient(at center top, #0871b2 0%, #065383 100%);}
div#imgDiv {
display: none;
} #menuContainer ul.nav.navbar-nav .mobile-expand{height:unset !important;}
}
#c_1_active_search input#autocomplete {
height: 32px !important;
width: 161px !important;
}
/*Mobile optimisation- Fundraise page AnnualGiving2020: pg_58 : added below style in fundraise page*/
/* */
.mobile div#wbVcgrh.slick-slider {
height: 250px !important;
}
.mobile div#hubSearchContainer {
/* margin: 0; */
position: relative !important;
}
.mobile select#industry {
z-index: 999999!important;
}
/******************************/
/* Insert your site style here */
/*To BEGIN: Please Uncomment this section before modifying Default Menu Styles */
/*#menuContainer .navbar-default,
#menuContainer .navbar-inverse {
background-image: none !important;
background-color: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
}*/
/*1) Edit here to change the HEADER style */
div#headerContainer {
/*padding: 15px;*/
/*background-color: #ddd !important;*/
/*text-align: left;*/
}
/* 2) Edit here to change the MENU BACKGROUND color*/
#menuContainer {
/* background-color:XXX;*/
}
/*3) Edit here to change the main MENU FONT style*/
#menuContainer .navbar-default .navbar-nav>li>a {
/*color: XXX;*/
/* font-size:15px;*/
}
/* 4)Edit here to change the SUBMENU DROPDOWN BACKGROUND color */
#menuContainer ul.dropdown-menu {
/*background-image: none;*/
/*background-color:XXXX;*/
}
/* 5)Edit here to change the SUBMENU DROPDOWN FONT style */
#menuContainer .dropdown-menu>li>a {
/*color:XXX;*/
/*font-size:XXX;*/
}
/* 6)Edit here to change the FONT family*/
@font-face {
/*font-family: 'Font1';*/
/*src: url('Full Path of woff') format('woff');*/
}
@font-face {
/*font-family: 'Font2';*/
/*src: url('Full Path of woff') format('woff');*/
}
h1,
h2,
h3,
h4,
h5,
h6 {
/*font-family: Font1;*/
}
body,
td,
td.cell,
p,
ul,
li {
/* font-family: Font2;*/
}
/*For the entire site */
* {
/* font-family: Font1;*/
}