@charset "UTF-8";
/* CSS Document */
.dark:hover{
	opacity: 1;
	transition: 0.7s;
}

h3{
	opacity: 1 !important;
}

.dark{
	opacity: 0.5;
}


.social-media-icons {
  position: fixed;
  bottom: 0%;
  z-index: 99 !important;
}

.social-media-icons a {
  display: block;
  text-align: center;
  padding:0px 5px;
  transition: all 0.3s ease;
  color: white;
  font-size: 25px;
}

@media screen and (max-width : 768px) {
	.social-media-icons{
		visibility: hidden !important;
	}
}


.facebook {
  background: rgba(236,170,32, 1.0);
}

.twitter {
  background: rgba(236,170,32, 1.0);
}

.youtube {
  background: rgba(236,170,32, 1.0);
}



a {
	color: #002545;
    transition : 0.3s all linear;
    -webkit-transition : 0.3s all linear;
    -moz-transition : 0.3s all linear;
    -o-transition : 0.3s all linear;
	cursor : pointer;
	text-decoration: underline;
}

a.white {color:#ffffff;}

/*Fonts*/

div.ccm-page {
font-family: 'Roboto', sans-serif;
 font-weight: 400;
 font-size: 16px;
 line-height: 1.42857143;
 -webkit-font-smoothing: antialiased
}
p {
    font-family: 'Roboto', sans-serif;
}
div.ccm-page h1, div.ccm-page h3, div.ccm-page h4 {
    font-family: 'Nunito Sans', sans-serif;
	font-weight: 700;
	margin-bottom: 10px;
}


div.ccm-page h1{color : #ecaa20;font-size: 50px;}
.intro h1{color : #002545!important;font-size: 50px;}
div.ccm-page h2{font-size: 20px;font-family: 'Roboto', sans-serif;letter-spacing: 4px;color:#000000;margin-bottom: 30px; text-transform: none;line-height: 40px;}
div.ccm-page h3{font-size: 25px;}
.underline {
  border-bottom: 1px solid currentColor; padding-bottom:10px;
}
/*Buttons*/
div.ccm-page .btn {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -ms-border-radius: 3px;
    padding: 10px 30px 10px 30px;
	margin-bottom: 5px;
}
.btn-primary {
    color: #000000;
    background-color: rgba(236,170,32, 1.0);
    border-color:  rgba(236,170,32, 1.0);
}.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #000000;
    background-color: rgba(236,170,32, 0.7);
    border-color:  rgba(236,170,32, 0.7);
}
.btn-secondary {
    color: #000000;
    background-color: #ffffff;
    border-color: #ffffff;
}.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .open>.dropdown-toggle.btn-secondary {
    color: #000000;
    background-color: rgba(255,255,255, 0.5);
    border-color:  rgba(255,255,255, 0.5);
}
div.ccm-page .sticky .btn {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -ms-border-radius: 0px;
    padding: 3px;
	margin-bottom: 5px;
	border-color: rgba(236,170,32, 1.0);
}
/*Section 1*/
section.home-section-1 {
    background-color : rgba(236,170,32, 1.0);
    padding : 50px 40px;  background-image: url(https://www.goldenjubileefoundation.org/application/files/6815/4273/1457/integratedBg.jpg );
  background-position: right;
  background-repeat: no-repeat;
	background-size: cover;
}

.child .row{margin-right:0px; margin-left:0px;}
.child .col-sm-12 {padding-right:0px; padding-left:0px;}
section.home-section-1 h1 {
    color : #ffffff;
}

section.home-section-1 h3 {
    color : #161940;
    font-weight : 300;
    line-height : 35px;
}
.sb-search {
	margin-top: 15px;}
.sb-search-input{border: 1px solid rgba(236,170,32, 1.0) !important;color: #212529;}
.sb-icon-search{background-color : rgba(236,170,32, 1.0);}
.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search{background-color : rgba(236,170,32, 1.0);}
.icon a {
    color : rgba(236,170,32, 1.0);
}
@media (min-width : 576px) {
.icon {padding-top:20px; padding-bottom:20px; text-align: right;}
}
@media (max-width : 575px) {
.icon {
    padding-bottom: 20px;
    text-align: right;
	}
}
/*Section 2*/
section.home-section-2 {
    background-color : #002545;
    padding : 50px 40px;
}
section.home-section-2 p {
    color : #ffffff;
}
section.home-section-2 h2 {
    color : #ecaa20;
}
section.home-section-6 h2 {
    color : #ffffff;
}
.jumps h3 {
	font-size: 50px!important;
	font-weight: 700!important;

}
@media (min-width : 576px) {
	.jumps h3 {
	font-size: 30px!important;
}
}
@media (min-width : 768px) {
	.jumps h3 {
	font-size: 25px!important;
}
}
@media (min-width : 992px) {
	.jumps h3 {
	font-size: 35px!important;
}
}
.hospitaljump{border-bottom: 20px solid #00a2e5;}
.researchjump{border-bottom: 20px solid #00964c;}
.hoteljump{border-bottom: 20px solid #6a2875;}
.charityjump{border-bottom: 20px solid #F05423;}

section.home-section-2 h3 {
    color : #ffffff;
    font-weight : 300;
    line-height : 35px;
}
section.home-section-2 a{color : #ffffff; text-decoration: none;}
.sticky{background-color:#002545;}

/*carousel*/
.carousel-item {

	display: block;}
.item-inner h3 {
	font-size: 55px!important;
	font-family: 'Font Awesome 5 Free'!important;
	text-align: center;
	color: rgba(236,170,32, 1.0)!important;
}
.item-inner h4 {
	/*font-size: 44px!important;*/
	color: rgba(236,170,32, 1.0)!important;
}
@media (max-width : 991px) {
.item-inner h4 {
    font-size: 35px;
}
}
li.carousel-item .item-inner{
    margin: 5px 20px 0px 20px;
}
li.carousel-item .item-inner img{
    max-width:100px;
}
li.carousel-item.vis {
    border-right: 1px solid rgba(236,170,32, 1.0);
}

/*Section 3*/
section.home-section-3 {
    background-color :#ffffff;
    padding : 50px 40px;
}
section.home-section-3 h2 {
    color : #000000;
}


/*Section 5*/
section.home-section-5 {
    background-color : rgba(236,170,32, 1.0);
    padding : 50px 40px 20px 40px;
}

section.home-section-5 h2 {
    color : #000000;
}

section.home-section-5 h3 {
    color : #000000;
    font-weight : 300;
}

/*Section 6*/
section.home-section-6 {
    background-color : #002545;
    padding :0px;
}

/*Section footer*/
section.footer {
    background-color : #002545;
	padding : 40px;
	color: #ffffff;
}
section.footer p{
	color: #ffffff; font-size:14px;
}
section.footer h2{
	color: #ffffff;
}
section.footerLogos {
    background-color : #ffffff;
	padding : 40px;
text-align: center;
}


/*Family menu header*/
section.family-menu {
    background-color : #ffffff;
	padding-top : 0px;
	color: #000000;
	border-bottom: solid rgba(255,255,255,1.00) 10px;
	position: relative;text-align: right;
}
.activeTabBorder{padding:10px 15px; color:#000000;background-color: #ffffff; border-right:solid 1px #ffffff;border-left:solid 1px #000000;}
.activeTab{padding:10px 15px; color:#000000;background-color: #ffffff; border-right:solid 1px #ffffff;}
.foundationTab{padding:10px 15px; color:#000000;background-color: #ecaa20; border-right:solid 1px #ffffff;}
.hospitalTab{padding:10px 15px; color:#ffffff;background-color: #00a2e5;border-right:solid 1px #ffffff;}
.researchTab{padding:10px 15px; color:#ffffff;background-color: #02964C;border-right:solid 1px #ffffff;}
.hotelTab{padding:10px 15px; color:#ffffff;background-color: rgb(106,40,117);border-right:solid 1px #ffffff;}
.cfsdTab{padding:10px 15px; color:#ffffff;background-color: #0F2EF2;border-right:solid 1px #ffffff;}
@media (max-width : 768px) {
.activeTabBorder{padding:10px 5px;}
.activeTab{padding:10px 5px; }
.foundationTab{padding:10px 5px;}
.hospitalTab{padding:10px 5px; }
.researchTab{padding:10px 5px;}
.hotelTab{padding:10px 5px;}

}
section.family-menu table {
    float: right;
    width: auto;
}
section.header-top {
    padding: 20px 40px;
    background-color: #ecaa20;
}


.header-top-menu {
    padding-top: 15px;
    text-align: right;
}

/*Slider*/
section.slider {
background-color : rgba(0,37,69, 1.0);

}
.slider  {
    width:100%;

	height: calc(100vh - 60px);
	object-fit: cover;
}
.slider1 {
  background-image: url(https://www.goldenjubileefoundation.org/application/files/5515/4116/3072/researchSlider.jpg  );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
	height: 100vh;
}

/*Header image*/
.header img {
    width:100%;
	height: auto;
    max-height: 300px;
	object-fit: cover;
}
@media (max-width: 767px) {
	section.header h2 {
	font-size: 14px;
		margin-bottom: 0px;
}
	div.ccm-page h1 {
    font-size: 35px;
}
}
/*Subpages*/
.breadcrumbs {background-color : rgba(0,37,69, 0.1); padding:10px 25px;}
section.header h2 {
    color : #ffffff!important;
}
div.ccm-page .breadcrumb a {
    color: #002545 !important;
}
div.ccm-page .breadcrumb {
    background-color: transparent;
    padding: 0px;
	margin:0px;
}
section.intro h3 {
    color : #002545;
    font-weight : 300;
    line-height : 35px;
}
.intro{padding:40px 0px;}
.image-circle-cropper {

    position: relative;
    overflow: hidden;
    border-radius: 50%;
border:solid 1px #707070;
}
div.ccm-page h1.page-title {
    color: #002545;
	font-size: 25px;
    font-weight: 700;
    padding-bottom: 5px;
    padding-top: 0px;
	text-transform: none;
}
.stories img {
    border:solid 1px rgba(230,230,230,1.00);
	padding:5px;margin-bottom: 15px;
}
.caption {
    border:solid 1px rgba(230,230,230,1.00);
	padding:5px;margin-bottom: 10px;margin-top:10px;font-size:14px;text-align: center;
}

/*------------------*/
.main-menu {
    text-align: right;
    padding-top : 40px;
}

.main-menu nav > ul > li > a {
    font-family: 'Roboto', sans-serif;
    font-size : 20px;
    color : #afb1ba;
    text-transform : uppercase;
    letter-spacing : 1px;
}

.main-menu nav > ul > li > a:hover {
    color: #cfd0d4;
    text-decoration : none;
}

.main-menu nav > ul > li {
    display: inline-block;
    position: relative;
    padding: 0px 20px 25px 20px;
}

.main-menu nav > ul > li > ul {
    z-index : 9999;
    width: 300px;
    background-color: #ecaa20;
    padding: 10px;
    transform: translateX(-50%);
    left: 50%;
    text-align: left;
    position : absolute;
    display : none;
    margin-top : 10px;
}

.main-menu nav > ul > li > ul li {
    list-style-type : none;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;

}

.main-menu nav > ul > li > ul:before {
    content: "\A";
    border-style: solid;
    border-width: 0px 10px 10px 10px;
    border-color: transparent transparent #ecaa20 transparent;
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.main-menu nav > ul > li > ul a {
    color : #fff;
    font-family: 'Roboto', sans-serif;
    font-size : 18px;
    letter-spacing : 1px;
}






.main-menu nav > ul > li > ul a:hover {
    text-decoration: none;
    color : rgba(255,255,255,0.7);
}

nav > ul > li > a:hover, nav > ul > li > a:focus {
    background : none;
    text-decoration: none;
}

.logo {
 padding:15px 40px 15px 40px;
}
@media (max-width : 768px) {
.logo {
    padding: 15px 0px 15px 10px;
}

}




/*Responsive menu*/
.child {
  position:absolute;
  top:60px;
  right:0px;
	z-index: 100;
	width: 100%;
}
.responsive-menu-container{background-color : rgba(236,170,32, 0.5);}
.sticky .col-sm-12{    padding-right: 0px;
    padding-left: 0px;
}
.ccm-responsive-overlay ul li ul li.last-li a, .ccm-responsive-overlay-sticky ul li ul li.last-li a {
    padding-top: 0px;
    font-size: 18px;
}

.ccm-responsive-overlay ul li a, .ccm-responsive-overlay-sticky ul li a{font-size: 22px;width:90%;}

.sticky-top {
    z-index: 1001;
}
.ccm-responsive-overlay ul li ul li.parent-ul a, .ccm-responsive-overlay-sticky ul li ul li.parent-ul a {
    padding-top: 0px;
    font-size: 18px;
	
}
.ccm-responsive-overlay ul li.parent-ul a::after, .ccm-responsive-overlay-sticky ul li.parent-ul a::after {padding-top:0px;content: "\f105";}



.ccm-responsive-overlay ul li, .ccm-responsive-overlay-sticky ul li{border-bottom:1px solid #000000;}
.nav-path-selected.parent-ul{background-color:rgba(255,255,255,0.5);}
.parent-ul > ul {border-bottom:0px solid green;}
.parent-ul > ul > li{border-bottom:1px dotted #000000;}
.parent-ul > ul > li > ul > li {border-bottom:0px solid #000000;margin-left:10px;}


@media (max-width : 1130px) {
    nav.ccm-responsive-navigation.original ul,
    nav.ccm-responsive-navigation-sticky.original ul {
        padding-left : 0px;
    }

    nav.ccm-responsive-navigation.original > ul > li,
    nav.ccm-responsive-navigation-sticky.original > ul > li {

    }
}

@media (max-width : 1056px) {
    .main-menu {
        padding-left : 0px;
		padding-top : 30px;
    }
}

@media (max-width: 1160px){
    .main-menu nav > ul > li {
        padding: 0px 10px 25px 10px;
    }
}

@media (max-width : 965px) {

    nav.ccm-responsive-navigation.original > ul > li a,
    nav.ccm-responsive-navigation-sticky.original > ul > li a {
        font-size : 16px;
    }

    nav.ccm-responsive-navigation.original > ul > li,
    nav.ccm-responsive-navigation-sticky.original > ul > li {
        margin: 0px 5px;
    }
}

.ccm-responsive-menu-launch, .ccm-responsive-menu-launch-sticky {
    position: absolute;
    right: 25px;
    top: 10px;
    color: #ecaa20;
}

.ccm-responsive-menu-launch i:after, .ccm-responsive-menu-launch-sticky i:after {
    color : #ecaa20;
	    content: "MENU";
	font-family: 'Nunito Sans', sans-serif; padding-left:5px;
}
.ccm-responsive-menu-launch i:before, .ccm-responsive-menu-launch-sticky i:before {
font-size: 20px;
content: "\f0c9";
font-family: 'Font Awesome 5 Free';font-style: normal;
}
.ccm-responsive-menu-launch.responsive-button-close i:after, .ccm-responsive-menu-launch-sticky.responsive-button-close i:after {
	content: "MENU";
	font-family: 'Nunito Sans', sans-serif;
}
.ccm-responsive-menu-launch.responsive-button-close i:before, .ccm-responsive-menu-launch-sticky.responsive-button-close-sticky i:before {
	content: "\f077"!important;
font-family: 'Font Awesome 5 Free';
}



.ccm-responsive-overlay,
.ccm-responsive-overlay-sticky {
    position: relative;
    border : none !important;
    top : 0;
    background-color: #ecaa20;
    padding: 20px 20px;
	width: calc(100% - 0px);
}


.ccm-responsive-overlay a,
.ccm-responsive-overlay-sticky a {
    color : #000000 !important;
}

.ccm-responsive-menu-launch.responsive-button-close i:after,
.ccm-responsive-menu-launch-sticky.responsive-button-close-sticky i:after {
    color : #ecaa20;

}



@media (max-width : 600px){
   section.footer {
        padding: 40px 10px;
    }

}
@media (max-width : 768px) {
	section.home-section-1, section.home-section-2, section.home-section-3, section.home-section-5{
	padding-right:10px;
	padding-left:10px;}
}
@media only screen and (max-width: 1100px) {
.main-menu nav > ul > li > ul li {
    margin-left: 20px;
    margin-top: 5px;
    margin-bottom: 5px;

}
}

@media all and (min-width:100px) {
 .ccm-responsive-menu-launch,
 .ccm-responsive-menu-launch-sticky {
  display:block;
 }
 .ccm-responsive-navigation.original,
 .ccm-responsive-navigation-sticky.original {
  display:none
 }
 header .ccm-search-block-form {
  margin-top:20px
 }

}
@media all and (min-width:767px) {
 .ccm-responsive-overlay,
 .ccm-responsive-overlay-sticky {
  /*display:none !important*/
 }
}


/*1100*/

/*980*/

@media only screen and (max-width: 980px) {
.main-menu nav > ul > li > ul li {
    margin-left: 20px;
    margin-top: 5px;
    margin-bottom: 5px;

}
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media (max-width: 767px) {
    div.ccm-layout-column {
        float: none !important;
        width: 100% !important;
    }
    .ccm-layout-column-inner {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
/*accordion*/
.wnctg-accordion .ui-corner-all, .wnctg-accordion .ui-corner-bottom, .wnctg-accordion .ui-corner-left, .wnctg-accordion .ui-corner-bl {
    border-bottom-left-radius: 0px;
}
.wnctg-accordion .ui-corner-all, .wnctg-accordion .ui-corner-top, .wnctg-accordion .ui-corner-right, .wnctg-accordion .ui-corner-tr {
    border-top-right-radius: 0px;
}
.wnctg-accordion .ui-corner-all, .wnctg-accordion .ui-corner-top, .wnctg-accordion .ui-corner-left, .wnctg-accordion .ui-corner-tl {
    border-top-left-radius: 0px;
}
.wnctg-accordion .ui-corner-all, .wnctg-accordion .ui-corner-bottom, .wnctg-accordion .ui-corner-right, .wnctg-accordion .ui-corner-br {
    border-bottom-right-radius: 0px;
}
.wnctg-accordion .ui-accordion .ui-accordion-header {
    margin: 10px 0 0 0;
	font-size: 25px;
}
.wnctg-accordion .ui-accordion .ui-accordion-content {
    padding: 2em 2em;
}
.wnctg-accordion .ui-state-active, .wnctg-accordion .ui-widget-content .ui-state-active, .wnctg-accordion .ui-widget-header .ui-state-active, a.wnctg-accordion .ui-button:active, .wnctg-accordion .ui-button:active, .wnctg-accordion .ui-button.ui-state-active:hover{
	border:none!important;
}
/*pagination*/
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #002545;
    background-color: #fff;
    border: 1px solid #ddd;
        border-top-color: rgb(221, 221, 221);
        border-right-color: rgb(221, 221, 221);
        border-bottom-color: rgb(221, 221, 221);
        border-left-color: rgb(221, 221, 221);
    margin-left: -1px;
}
div.ccm-page .pagination > li.next a {
    border-right: 1px solid rgba(236, 170, 32, 0.3);
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
    padding-right: 25px;
}
div.ccm-page .pagination > li > a {
    font-size: 14px;
    border-left: 0;
        border-left-color: currentcolor;
    border-right: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    border-color: rgba(236, 170, 32, 0.3);
        border-right-color: rgba(236, 170, 32, 0.3);
}
div.ccm-page .pagination > li.prev a {
    border-left: 1px solid rgba(236, 170, 32, 0.3);
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
    padding-left: 25px;
}
div.ccm-page .pagination > li.active span {
    background: rgba(236, 170, 32, 0.8);
    color: #000000;
    border-color: rgba(236, 170, 32, 0.3);
}

.image_container {
    position: relative;
    text-align: center;
    color: white;
	margin-bottom: 10px;
}
.image_text_centered{
	   position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	z-index: 1000;
}
.family-menu .col{padding-right: 0px;}
div.ccm-page .pagination > li.prev span {
	border-left: 1px solid rgba(236, 170, 32, 0.3);}
div.ccm-page .pagination > li > span{border-color: rgba(236, 170, 32, 0.3);}
.btn-info {
    color: #000000;
    background-color: #ffffff;
    border-color: #000000;
}
.btn-info:hover {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
}
.ccm-block-page-list-date{font-size: 14px;}
.ccm-block-page-list-title{text-decoration: underline;font-size: 18px;}
.ccm-block-page-list-description{font-size: 15px;}

[class^="fa-"]::before, [class*=" fa-"]::before{
	font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"!important;
}
[class^="fa-"]:before, [class*=" fa-"]:before{
	font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"!important;
}