/*====================COMMON SETTINGS======================*/
header
{
background: #fffff;
padding-bottom:50px;
}
.header_content
{
	margin:0 auto;
	width:100%;
	display:table;
	table-layout:fixed;
	background:#fff;
}
.header_content > div
{
	display:table-cell;
	vertical-align:middle;
	width:100%;
	text-align:left;
}
.header_content > div:last-child
{
	text-align:right;
}
.logo
{
	display:inline-block;
}

footer
{
	margin:0 auto;
	padding:20px 0;
}
.footer_content_data
{
	margin:0 auto;
	width:auto;
	font-size:1em;
	background:Lightblue;;
}  

body {
    margin-top:100px;
}

.bg-teal {
    background: #008080;
}
/*============================== NAVBAR SETTINGS ========================
.navbar {
    top: 0px;
    box-shadow: 0px 5px 20px rgba(0,0,0, 1);
    z-index: 3;
}
.nav li a {
    font-size:15px;
    color :navy;
}   

.nav a:hover {
    color: red;
    text-decoration:underline;
    font-size: 16px;
    font-weight: bold;
    font-style:italic;
    background-color: #FFEE58;
}


.navbar-light .navbar-toggle .icon-bar {
    background-color: #000000;
}

.navbar-light .navbar-toggle .icon-bar {
    background-color: #000000;
}


/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 1000px) {
  .column  {
    width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column  {
    width: 100%;
  }
}

@media screen and (max-width: 650px) {
  .column {
    width: 100%;
    display: block;
    
  }
}
/*====================CAROSUEL SETTINGS======================*/
/*
 .carousel {
    width: 600px;   
    height:350px;
    margin-bottom: 20px;
    //margin-right: 20px;
    border: 2px solid #f4511e; *
    box-shadow: 0px 5px 20px rgba(0,0,0, 1);
 }
 
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
    width: 600px !important;  
    height:350px !important;
    margin: 0px 0px 0px 0px;
  }
  
 .carousel-caption {
    width: 600px;
    height: 60px;
    left:  0px;
    bottom: 0px;
    color: darkblue;
    background-color:yellow;
    padding: 0px;
 }
.carousel-indicators li{
     background-color : red;
 }
 
 .carousel-indicators {
    bottom: -10px !important;
    z-index:1;
}

.carousel-control {
    position: absolute;
    top: 82%;
}
*/
.fg-color{
     color: red;
 }
 
 @media (max-width: 600px) {
    .carousel-caption {
      display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
    }
  }      

 /*================= BLINKER SETTING ====================*/

  .blink {
        animation: blinker 1.5s linear infinite;
        background-color:blue;
        /*color: #1c87c9;*/
        color: yellow;
        
        font-size: 30px;
        font-weight: bold;
        font-family: sans-serif;
      }
      
    @keyframes blinker {
        50% {
          opacity: 0;
        }
      }
      
/*====================CUSTOM PANEL SETTINGS======================*/
 .cpanel {
    border: 1px solid #3336FF; /*#f4511e; */
    border-radius:10px !important;
    transition: box-shadow 0.5s;
    background-color: #f6f6f6;
  }
  .cpanel:hover {
    box-shadow: 0px 5px 20px rgba(0,0,0, 1);
  } 
  .cpanel-heading {
    color: #FFFFFF;
    background-color: #0000FF !important;
    padding: 14px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .cpanel-heading a:link{
    color: #FFFFFF;
  }    
  
    .cpanel-heading a:hover {
    color: #FFFFFF !important;
  }
    .cpanel-heading a:visited {
    color: yellow !important;    
   }
  .cpanel-body {
    padding: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 14px;
  }
  
.cpanel-body a:hover {
    color:#C00;
    text-decoration:underline;
    /*font-size: 16px;*/
    font-weight:bold;
   }

.logo-small {
    color: #f4511e;
    font-size: 30px;
  }





/*====================ABOUT PAGE SETTINGS======================*/

.team-title-text {
text-align:center;
background-color: #00FFFF;
}
.card {
    word-break: break-word;
    border-radius:5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    padding:5px;
    margin: 0 0 10px 5px;
}
.card-size{
      height: 400px;
      width : 540px;
  }

.abt-img{
    float: left;
    margin: 5px 15px;
    padding:5px;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.abt-title {
  color: grey;
}

.abt-txt {
    padding:0 15px;
    margin: 5px;
    text-align: left;
    word-wrap: break-word;
}

/*====================SERVICES PAGE SETTINGS======================*/ 
 .container {
    padding: 15px ;
    border-radius:20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
    margin-bottom:20px;
    
}

.container::after, .row::after {
  content: "";
  clear: both;
  display: table;
} 




/*====================EVENTS PAGE SETTINGS======================*/ 
.event_card {
    border-color: grey;
    border-radius:10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    padding:5px;
    margin-bottom:10px;
}

.event-bg-color {
background-color: #ABEBC6;
}
.title-text {
text-align:center;
}

.responsive {
  width: 100%;
  max-width: 400px;
  height: auto;
}
.event-panel {
    min-height :350px;
    max-height :350px;
    color:black;
}


.EventImg {
  border-radius: 5px;
  cursor: pointer;
  max-height :200px;
}

.EventImg:hover {
    box-shadow: 0px 0px 20px rgba(0,0,0, 1);
    opacity: 0.7;
    
}

/* The Modal (background) */
.event-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 5px; /* Location of the box */
  left: 0;
  top: 60px;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
  
}

/* Modal Content (image) */
.event-modal-content {
  margin: auto;
  display: block;
  width: 100%;
  max-width: 700px;
  
}

/* Caption of Modal Image */
#caption , #dateplace {
  margin: auto;
  display: block;
  width: 100%;
  max-width: 700px;
  text-align: center;
  background-color : blue;
  color: #FFFFFF;
  padding: 10px 0;
  height: 100px;
  font-size: 30px;
}


/* Add Animation */
.event-modal-content, #caption , #dateplace {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.event-close {
  position: absolute;
  top: 15px;
  right: 250px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;

}

.event-close:hover,
.event-close:focus {
 color: #bbb;
 color: #FFFFFF;

  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}

/*====================OPENINGS PAGE SETTINGS======================*/ 
	
   
    table
	{
	    width:100%;
		margin: auto;
		font-size: 15px;
		border: 2px outset grey;
		border-collapse : collapse;
	}
	th, td {
		font-weight: normal;
		color:black;
		border: 1px inset grey;
		padding: 3px;
		text-align: left;
	}


	
.bgimg	{
    position: absolute;
    top:10px;
    left: 300px;
    width: 250px;
    height:225px;
    opacity:0.6;
    repeat:-x;
	}

/*====================FAQ PAGE SETTINGS======================*/ 

.faq-panel {
  padding: 0 18px;
  background-color:lightyellow;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  border: 1px solid lightgrey;
}

/*====================CONTACT PAGE SETTINGS======================*/ 


.contact_title
{
	font-size:1.5em;
	font-weight:bold;
	color:#315184;
	display:inline-block;
	vertical-align:middle;
	padding:0 0 0 0;
	line-height:20px;
}
.contact > p
{
    font-size:1.5em;
	padding:0px;
}	


.cheader {
    width:100%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    background-color:darkblue;
    color: yellow;
    margin-top:0px;
    padding: 5px 20px 10px 20px;
    text-align: center;
}