@charset "utf-8";
/* CSS Document */
	body {
		background-color:#FCF5F5;
	}
.pull-left {
        float: left !important;
}
.pull-right {
        float: right !important;
}
.nav-link {
	color: white!important;
	font-size: 16px;
	font-weight: 550;
}
.nav {
  transition: background 0.4s ease-in-out;
  background: white;
}
.is-hidden {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
}
.navbar-hide {
  pointer-events: none;
  opacity: 0;
}
.dropdown .dropdown-menu .dropdown-RotaryBlue .dropdown-item:hover {
background-color: #0d47a1!important;
}
.dropdown-menu {
    max-height: 560px!important;
    overflow-y: auto!important;
}
.dropdown-menu a:hover {
    background-image: none;
    background-color: #0d47a1!important;
    color: white;
}
.scrollable-menu {
    height: auto;
    max-height: 250px;
    overflow-x: hidden;
}
.btn-rotary {
  color: #fff;
  background-color: #005DAA;
  border-color: #005DAA;
}

.btn-rotary:hover {
  color: gold;
  background-color: #0d47a1;
  border-color: #0d47a1;
}

.btn-rotary:focus, .btn-rotary.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 215, 0, 0.5);
}
.messageArea img {
	    margin: 5px!important;
	    max-width: 100%!important;
  	    height: auto!important;
}

/*navbar */
        .navbar {min-height: 80px}

.logo {
        width: 200px;
        height: 85px;
        background-color:transparent!important;
        background-image: url("img/logos/Rotary-new-tp.png");
        background-repeat: no-repeat;
        display: block;
        background-position: right top;
        margin-left: 3px;
}
.logo p {
        margin-top: 54px;
        margin-right: 70px!important;
	width: 122px;
	text-wrap: wrap;
        text-align: right;
  		font-size: 14px!important;
		font-weight: 300!important;
		background-color:transparent!important;
        z-index: 99;
		color: white;
        line-height: 16px;
        font-family: Arial, sans-serif;
	}
.logo a {
        display: block;
}    

.nav-rotary-row {
    background-color: #28354b; 
    margin-top: -9px;
	height: 40px;
         }        
.nav-rotary {
	color: white;
    border: none !important;
    box-shadow: none!important;
    outline: 0;
    font-size: 14px !important;
    font-weight: 600;
}
.nav-rotary a {
	color: white!important;
}
.nav-rotary:hover {
    color: gold;
    border: none !important;
    box-shadow: none!important;
    outline: 0;
    font-size: 14px !important;
    font-weight: 600;
}
.welcomeMessage {
min-height: 200px;
}
.lgtitle {
background-color: #9933CC;
color: white;
}
.lgtitle:hover{
background-color: #9933CC;
color: white;
}
.lgactive {
background-color: #4285F4!important;
color: white;
}
.lgactive:hover{
background-color: #0d47a1!important;
color: white;
}
.cke_panel
{
    height: 300px !important;
    width: 180px !important;
}
.membread {
	margin-top:-30px;
	background-color:#ffffff;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
  bottom: .5em;
}
.form-control::-webkit-input-placeholder {
  color: #d6d7d8;
  opacity: 1;
}

.form-control::-moz-placeholder {
  color: #d6d7d8;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #d6d7d8;
  opacity: 1;
}

.form-control::-ms-input-placeholder {
  color: #d6d7d8;
  opacity: 1;
}

.form-control::placeholder {
  color: #d6d7d8;
  opacity: 1;
}
.text_red {
	color:#DD0509;
}
.text_gold {
	color:#f7a81b;
}	
.block_azure {
  		background-color: #005daa;
		color:#FDFCFC;
		padding: 3px;
		display:block;
		border-radius: 5px;
}
.block_royal-blue {
  		background-color: #17458f;
		color:#FDFCFC;
		padding: 3px;
		display:block;
		border-radius: 5px;
}
.block_gold {
  		background-color: #f7a81b;
  		padding: 3px;
		display:block;
		border-radius: 5px;
}
.block_purple {
  		background-color: #9933CC;
		color: #ffffff;
  		padding: 3px;
		display:block;
		border-radius: 5px;
}
.larger_text{
	font-size:larger;
}
.smaller_text{
	font-size:small;
}
.extra_large_text{
	font-size:x-large;
}
.ro-success {
	background-color: #9DD894;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
     border-radius: 5px;
	 text-align: center;
	 font-size: 24px;
	 margin: 20px;
}
#top-section {
	padding-top: 80px; 
	margin-top: -80px;
}
.timerarea {
	padding: 5 10 5 5;
 /*	background-color: #F8E896; */
	background-color: #e6e5d8;
    -webkit-border-radius: 15px;
	-moz-border-radius: 15px;
     border-radius: 15px;
	 margin-bottom: 10px;
	 z-index: 1;
}
.control-label {
    font-weight: 800;
    color: #8A04B1;
}
.divider121 {
	margin-top: 6.6rem!important;
}
.fa-bars {
    color: #F7A81B;
}
#PgContent img{
    max-width: 100%;
    height: auto;
    padding: 5px;
}
.clearer {
    clear: both;
    
}
@media all and (display-mode: standalone) {
  .btnPWA {
    display: none;
  }
}
.reveal-if-active {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
}
.multi-carousel-item {
width: 335px!important;
}
.ro-royalblue {
background-color: #17458f;
}
.ro-royalblue .card-text {
color: white;
}
.ro-royalblue .card-title {
color: white!important;
}
.ro-gold {
background-color: #f7a81b;
}
.ro-gold .card-text {
color: #5E5958;
}
.ro-gold .card-title {
color: #5E5958!important;
}
.ro-azure {
background-color: #0067c8;
}
.ro-azure .card-text {
color: white;
}
.ro-azure .card-title {
color: white!important;
}
.ro-skyblue {
background-color: #00a2e0;
}
.ro-skyblue .card-text {
color: white;
}
.ro-skyblue .card-title {
color: white!important;
}
.ro-cranberry {
background-color: #d41367;
}
.ro-cranberry .card-text {
color: white;
}
.ro-cranberry .card-title {
color: white!important;
}
.ro-cardinal {
background-color: #e02927;
}
.ro-cardinal .card-text {
color: white;
}
.ro-cardinal .card-title {
color: white!important;
}
.ro-turquoise {
background-color: #00adbb;
}
.ro-turquoise .card-text {
color: #5E5958;
}
.ro-turquoise .card-title {
color: #5E5958!important;
}
.ro-orange {
background-color: #ff7600;
}
.ro-orange .card-text {
color: #5E5958!important;
}
.ro-orange .card-title {
color: #5E5958!important;
}
.ro-violet {
background-color: #901f93;
}
.ro-violet .card-text {
color: white;
}
.ro-violet .card-title {
color: white!important;
}
.ro-grass {
background-color: #009739;
}
.ro-grass .card-text {
color: white;
}
.ro-grass .card-title {
color: white!important;
}
.ro-powderblue {
background-color: #b9d9eb;
}
.ro-powderblue .card-text {
color: #5E5958;
}
.ro-powderblue .card-title {
color: #5E5958!important;
}
.ro-moss {
background-color: #a7aca2;
color: #524848;
}
.ro-moss .card-text {
color: #524848;
}
.ro-moss .card-title {
color: #524848!important;
}
.ro-lavender {
background-color: #c6bcd0;
}
.ro-lavender .card-text {
color: black;
}
.ro-lavender .card-title {
color: black!important;
}
.ro-taupe {
background-color: #d9c89e;
}
.ro-taupe .card-text {
color: #5E5958;
}
.ro-taupe .card-title {
color: #5E5958!important;
}
.ro-stone {
background-color: #9ba4b4;
color: white;
}
.ro-stone .card-text {
color: white;
}
.ro-stone .card-title {
color: white;
}
.ro-slate {
background-color: #657f99;
}
.ro-slate .card-text {
color: white;
}
.ro-slate .card-title {
color: white!important;
}
.ro-charcoal {
background-color: #54565a;
}
.ro-charcoal .card-text {
color: white!important;
}
.ro-charcoal .card-title {
color: white;
}
.ro-black {
background-color: black;
}
.ro-black .card-text {
color: white;
}
.ro-black .card-title {
color: white;
}
.ro-pewter {
background-color: #898a8d;
}
.ro-pewter .card-text {
color: white!important;
}
.ro-pewter .card-title {
color: white!important;
}
.ro-smoke {
background-color: #b1b1b1;
}
.ro-smoke .card-text {
color: #5E5958;
}
.ro-smoke .card-title {
color: #5E5958!important;
}
.ro-silver {
background-color: #d0cfcd;
}
.ro-silver .card-text {
color: #5E5958;
}
.ro-silver .card-title {
color: #5E5958!important;
}
.ro-white {
background-color: white;
}
.ro-white .card-text {
color: #5E5958;
}
.ro-white .card-title {
color: #5E5958!important;
}
.ro-#5E5958 {
background-color: #5E5958;
}
.ro-#5E5958 .card-text {
color: white;
}
.ro-#5E5958 .card-title {
color: white!important;
}
.ro-storm {
background-color: #7a6e66;
}
.ro-storm .card-text {
color: white;
}
.ro-storm .card-title {
color: white!important;
}
.ro-ash {
background-color: #968b83;
}
.ro-ash .card-text {
color: white!important;
}
.ro-ash .card-title {
color: white!important;
}
.ro-platinum {
background-color: #bfb7b0;
}
.ro-platinum .card-text {
color: #5E5958;
}
.ro-platinum .card-title {
color: #5E5958!important;
}
.ro-cloud {
background-color: #bfb7b0;
}
.ro-cloud .card-text {
color: #5E5958;
}
.ro-cloud .card-title {
color: #5E5958!important;
}
.ro-darkblue {
	background-color: #212c3f;
}
.red-text {
    color: red;
}
.black-text {
    color: black;
}
.blue-text {
    color: blue;
}
.grey-text {
    color: #9e9e9e!important;
}
.pink-text {
    color: pink;
}
.goldz-text {
	color: green;
}
.gold-text {
	color: goldenrod;
}
.yellow-text {
	color: yellow;
}
.violet-text {
	color: #901f93;
}
.purple-text {
	color: purple;
}
.white-text {
	color: white;
}
.indigo-text {
	color: indigo;
}
.page-footer a {
     color: #fff;
}

.page-footer a:hover {
     color: #fa5705;
}
.mask121 {
    background: rgba(0, 0, 0, 0.25);
    padding: 10px;
}#about {
scroll-margin-top: 120px;
}
#meetingInfo {
scroll-margin-top: 120px;
}
html {
scroll-behavior: smooth;
}