@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i');


#EventCalender{
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 1.2vw !important;
}
#EventCalender .dateCalender{
    padding-right:1%;

}
#EventCalender >  hr{
    padding-bottom:0px !important;
    margin-bottom:5px !important;
}
#Calendar1{
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 1.2vw !important;
    border:0px solid #BBBBBB;
    width:100% !important;
}
#EventCalender > table {width:100% !important;}
#Calendar1 > tbody {
        border: 1px solid rgb(230, 230, 230);
    }
#Calendar1 .calenderHeader{width:100% !important;}

#Calendar1 .calenderHeader tr td:nth-child(2){
    letter-spacing:0.2em;
    font-weight:400 !important;
    
}
#Calendar1 .calenderHeader, #Calendar1 table, .calenderHeader tbody, table tbody tr td, table tr td{
    font-size: 1.2vw !important;
    margin:0px;
    font-weight:400; 
    border-width:0px;
    text-align:center;
}
#Calendar1 .calenderHeader, .calenderHeader table tbody tr td, #Calendar1  table tr td{
    background:rgba(6, 33, 60, 1);
    color:white;
    text-transform:uppercase;
    font-weight:600 !important;
    vertical-align:middle !important;
    
}
.calenderHeader tr td{
    
    padding:0% !important;
}
#Calendar1 .calPrev, #Calendar1 .calNext{
    width:13% !important;
    text-align:center;
    font-weight:300 !important;
    font-size:1.0vw !important;
    color:white !important; 
    background:rgba(255,255,255,0.3);
    
}
 #Calendar1 .calPrev a, #Calendar1 .calNext a {
      text-align:center;
    font-size:1.3vw !important;
    color:white !important; 
    width:100% !important;
    padding:10%;
    font-weight:600;
    }
  #Calendar1 .calPrev a:hover, #Calendar1 .calNext a:hover {
      color:rgb(255, 204, 0) !important;
      
      }
 #Calendar1 .calWeek {
    background:rgb(250, 250, 250);
    color:rgb(230, 230, 230);
    width:100% !important;
    
}
 #Calendar1 .calHead {
   background:rgb(220, 220, 220) !important;
     color:rgba(6, 33, 60, 1) !important;
     font-size: 1.0vw !important;
     font-weight:400 !important;
}
#Calendar1 .calWeek tr td {
     background:none ;
    color:rgba(6, 33, 60, 1);
    padding:2%;
    }
#Calendar1 .calDayCol {
    background:rgb(250,250,250)  !important;
    color:rgba(6, 33, 60, 1) !important;
    width:14.285714285% !important;
    height:14.285714285% !important;
    font-weight:300 !important;
    padding:2% !important;
}
#Calendar1 .calDayCol .item{
    font-weight:300;
   /*border:1px solid red;*/
    color:red;
    width:2vw;

}
#Calendar1 .calDayCol .item:hover {
    background:red !important; 
    color:white !important;   
}
#Calendar1 tbody tr{

}
#Calendar1 tbody tr td{
padding:0px;
border:0px;
margin:0px;
}

#EventCalender .calDetails{
    padding-left:0%;
    b
}

#EventCalender .calDetails .one {
   width:7.692307692307692% !important;
    border-right-width:0px !important; 
     border-left-width:1px !important; 
    display:inline-block !important;
    text-align:center !important;
 }
#EventCalender .calDetails .calMonths{
    display:inline-block !important;
    width:100% !important;
    text-align:center;
    line-height:auto;
}
#EventCalender .calDetails .calMonths span .one {
       padding:4%;
    }
#EventCalender .calDetails .calMonths span .one a{
    line-height:2vw;
        -webkit-border-radius: 1vw;
        -moz-border-radius: 1vw;
        border-radius: 1vw;
        background:rgb(230, 230, 230);
    }
#EventCalender .calDetails .calMonths span{
    display:inline-block !important;
    width:7.692307692307692% !important;
   
}
#EventCalender .calDetails .calMonths span .one, #EventCalender .calDetails .calMonths span .one a{
    display:block !important;
    width:100% !important;
    text-align:center;
    color:rgba(6, 33, 60, 1);
    text-transform:uppercase;
    font-size:1vw;
}

#EventCalender .calDetails .calMonths span .one a:hover{
    
    color:red;
}  
#EventCalender .calDetails .calMonths span:first-child  {
     border-left-width:1px !important; 
    }
#EventCalender .calDetails hr{
    border-width:0px;
    margin:0px;
}
.monthActive{
    background:rgba(6, 33, 60, 1) !important;
    color:white !important;
}

#EventCalender  .arrow_box {
	position: relative;
	background: #88b7d5;
}
#EventCalender  .arrow_box:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #88b7d5;
	border-width: 30px;
	margin-left: -30px;
}

.wp-pagenavi{
    padding-top: 2vw !important;
}
 .wp-pagenavi-top {border-top:5px solid #be2c30;}
   .wp-pagenavi {
	clear: both;
	overflow:hidden;
	overflow:hidden;
	padding-top:7px;
     font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 1.0vw !important;
    font-weight:400;
   
}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border:none;
	padding:0;
	font-size:13px;
	color:#757372;
	margin-right:3px;
	display:inline-block;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 1.0vw !important;
     text-decoration:none !important;
}
.wp-pagenavi a {
	text-decoration:underline;
}
.wp-pagenavi a:hover, .wp-pagenavi .current {
	text-decoration:none;
   
}
.wp-pagenavi .current {
	font-weight: 600 !important;
	color:black !important;
}
.wp-pagenavi .pages {
	float:right;
	border:none;
	color:#999;
	}
.wp-pagenavi .five a i{
    color:#aaaaaa;
    font-size:1.3vw;
}
.wp-pagenavi .five a:hover i, .wp-pagenavi .five .current i{

    color:#666666;
}

.calEvents, .calEvents tr th, .calEvents tr td {
    font-size:1.2vw !important;
    line-height:1.2vw !important;
    text-transform:capitalize !important;
    color:black ;
    font-weight:300 !important;
    background:none !important;
    border:1px solid rgb(220, 220, 220);
    text-align:center !important;
    padding:0px;
}
.calEvents tr th{
    font-weight:600 !important;
    padding:2%;
}
.calEvents tr td{
    padding:1%;
}
 .calEvents .calEventTitle,  .calEvents .calEventTitle a{
     text-align:left !important;
     color:black !important;
     text-decoration:underline;
 }
  .calEvents .calEventTitle a:hover{
       color:red !important;
       font-weight:600 !important;
  }

 .calEvents th{
     width:10%;
 }
 .calEvents th:nth-child(3){
     width:60%;
     text-align:left !important;
 }
 .calEvents th:nth-child(4){
     width:20%;
     }
.calEvents .calEventDate{
   text-transform:uppercase !important;
 }

.calEvents tbody tr:nth-child(1){
    background:rgb(6, 33, 60) !important;
    border:1px solid rgb(6, 33, 60) !important;
    color:white !important;
}
.calEvents tbody tr:nth-child(1) th{
    background:rgb(6, 33, 60) !important;
   
    color:white !important;
}






.listEvents{
    display:block !important;
      font-size:1.2vw !important;
      padding-bottom:4vw;
     
}
.listEvents .listEventsWrapper{
    display:block !important;
     font-weight:600;

    }
.listEvents .listEventsWrapper > .row:first-child{
    border:1px solid rgba(6, 33, 60, 1);
     padding:2%;
     padding-bottom:1%;
     padding-top:1%;
     background:rgba(6, 33, 60, 1);
     color:white;
     font-size:1.2vw;
     line-height:1.2vw;
}
.listEvents .listEventsWrapper .row:nth-child(2){
    border:1px solid rgb(230, 230, 230);
    border-top-width:0px;
}
.listEvents .listEventsWrapper .eight{
    float:left !important;
    }
.listEvents .listEventsWrapper .four{
   background:rgba(6, 33, 60, 0.5);
   color:white !important;
   padding:0px !important;
   float:right;
   margin:1vw !important;
   margin-top:0px !important;
   margin-right:0px !important;
    margin-bottom:0.0vw !important;
    }


.listEvents .listEventsWrapper .columns{
    font-weight:300 !important;
    padding:2%;
    font-size:1.2vw !important;
    line-height:1.2vw !important;
}
.listEvents .listEventsWrapper .columns .lstTitleName, .listEvents .listEventsWrapper .columns .lstContactNumber, .listEvents .listEventsWrapper .columns .lstDateValue {
    border-width:0px !important;
    padding:0px !important;
    font-weight:300 !important;
    font-size:1.0vw !important;
    display:inline !important;
    padding-right:0.3rem;
    width:auto !important;
    line-height:1.0vw !important;
  
    }
.listEvents .listEventsWrapper .columns .lstTitle, .listEvents .listEventsWrapper .columns .lstContact, .listEvents .listEventsWrapper .columns .lstDate{
    border-width:0px !important;
    padding:0px !important;
    font-weight:600 !important;
    font-size:1.0vw !important;
    line-height:1.0vw !important;
    display:block !important;
    padding-right:0.3rem;
    width:100% !important;
   
    }
    
    .listEvents .listEventsWrapper .columns .lstDate{
                                                         padding:1% !important;
                                                         text-align:center;
                                                         text-transform:uppercase;
                                                     }
.listEvents .listEventsWrapper .row:nth-child(3){
     border-top-width:0px;
     font-weight:300;
     padding:2%;
     padding-top:1%;
     font-size:1.2vw;
     font-style:italic;
     line-height:1.4vw !important;
     padding-bottom:1%;
     background:rgb(230, 230, 230);
}
.listEvents .listEventsWrapper .five .lstDate{
    
   padding:0px !important;
    }
#EventCalender hr{
    display:none !important;
}
#EventCalender .calSearchWrapper{
    width:100%;
    border:1px solid rgb(220, 220, 220);
    padding:5%;
}
#EventCalender .calSearchInput{
     font-family: 'Source Sans Pro', sans-serif !important;
    width:90%;
    float:left;
    font-weight:300;
    height:2.5vw;
    font-size:1.8vw;
    line-height:1vw;
    padding:1%;
    padding-right:2%;
     padding-left:2%;
     -webkit-border-radius: 1vw;
-moz-border-radius: 1vw;
border-radius: 1vw;
border-style: none;
    border-top-style:none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border:1px solid rgb(220, 220, 220);
}
#EventCalender .calSearchBtn{
    font-size:2.5vw;
    padding-left:2%;
  
    width:10%;
    float:left;
    height:2.5vw;
    
    
    text-align:center;
}
.lstTitle p{
    display:inline;
}
    #EventCalender .calSearchBtn i {
        margin:0px;
        padding:0px;
        display:block;
         color:rgba(6, 33, 60, 0.7);
    }

    #EventCalender .calSearchBtn:hover i {
         color:rgba(6, 33, 60,1);
    }
    #EventCalender .calDepartments{
        margin-top:2vw;
         font-family: 'Source Sans Pro', sans-serif !important;
    }

     #EventCalender .calDepartments p{
         font-size:1.5vw;
         font-weight:600;
         color:rgba(6, 33, 60, 1);
         text-transform:uppercase;

     }
   
      #EventCalender .calDepartments table, #EventCalender .calDepartments table tr, #EventCalender .calDepartments table tr td, .calDepartments table tr td label{
          background:none;
          font-size:1.2vw;
          color:rgba(6, 33, 60, 1);
          line-height:2.2vw;
          text-align:left;
          padding:0px;
      }
        #EventCalender .calDepartments table tbody{
            display:block;
         padding:5% !important;
     }
       .calDepartments table, .calDepartments table tr, .calDepartments table tr td{
           display:block;
            width:100%;
        }
        .calDepartments table tr td {
            padding-bottom: 0% !important;
        }
      .calDepartments table tr td input,  .calDepartments table tr td label{
          font-size:1.4vw;
          line-height:2vw;
          text-transform:capitalize;
          display:inline;
          font-weight:400;
          vertical-align:middle;
      }
      .calDepartments table tr td input{
          width:1.4vw;
          height:1.4vw;
      }
      .calDepartments table tr td label{
          padding-left:2%;
      }
     
      .calDesc .twelve{
            position:relative;
            float:none;
            text-align:justify;
          }

      .calDesc .four{
          float:none;
          position:relative;
          left:0%;
          top:0px;

      }






.listEvents .listEventsWrapper .calContactDetails .seven, .listEvents .listEventsWrapper .calContactDetails .five{
        float:left;
        padding:0px !important;
}