/* ==================== CSS/custom stylesheet ==================== */
/* a divider between the links on the top bar */

.pipebar a{
    border-right: 1px solid #C3C3C3; /*was hexa #000  */
    padding-right: 10px;
    padding-left: 10px;
}

/* :last-child is a CSS pseudo-class that represents the last element among a group of sibling */
/* The syntax of pseudo-classes:

    selector:pseudo-class {
      property: value;
    }
*/

.pipebar a:last-child{
    border-right: none;
}
/*THIS CODE IS FOR THE BUTTON ON THE BOTTOM RIGHT SIDE OF THE SLIDER*/

.go-area {
      position: relative;
      min-height: 1px;
      float: left;
      width: 33.33333333%
}

.go-area .btn-primary{
    color: #000;
}

/* no Search form field on top bar when mobile*/
nav.search-form,.mob { /* mob stands for mobile */
    display: none;
}

.text-style1{
    margin-top: 20px;
    color: #555555!important;
    font-family: 'Lora', serif;
    line-height: 30px;
    margin-bottom: 10px;
}

.text-style2{
    color: #555555!important;
    font-family: 'Lora', serif;
    font-weight: bold;
/* line-height: 45px; */
}

.text-style3{
    color: #555555!important;
    font-family: 'Lora', serif;
    font-weight:100;
/* line-height: 45px; */    
}

.excerpt{
    color: #555555!important;
    font-family: 'Lora', serif;
    font-weight:100;
    font-size: 18px;
}

.text-style4{
    color: #555555!important;
    font-family: 'Lora', serif;    
    line-height: 20px;
    float: right;
}

.text-style5{
    margin-top: 20px;
    color: #FFFFFF!important;
    font-family: 'Lora', serif;    
    line-height: 35px;
}

.padding-b {
padding-bottom: 20px;
}

.padding-t {
padding-top: 20px;
}


/*------------------------------------------------------------------
	17 - Container-fluid section in homepage
-------------------------------------------------------------------*/
.text-photo-sc {
    text-align: left;
}

/* Style for the the left and right boxes */
.text-photo-sc .photo-holder {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 20px;
    /* you can customize the padding-bottom here as you like */
}

/* Style for the middle box */
.text-photo-sc .text-holder {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 70px;
    /* you can customize the padding-bottom here as you like */
}


.text-photo-sc .photo-holder.photo1 {
    background-color: #FFFFFF;
    /* background-image: url("../images/feature.jpg"); */
}

.text-photo-sc .photo-holder.photo2 {
    background-color: #FFFFFF;
    /* background-image: url("../images/feature.jpg"); */
}

.text-photo-sc .photo-holder img {
    width: 100%;
}

.text-photo-sc .text-box {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    padding: 60px 20px;
    text-align: left;
}

.text-photo-sc .text-box h3 {
    font-size: 30px;
    font-weight: 700;
    color: #3C3C3C;
    margin-bottom: 35px;
}

.text-photo-sc .text-box p {
    font-size: 15px;
    color: #3C3C3C;
    margin-bottom: 25px;
}

.text-photo-sc .opposite {
    text-align: right;
}

.text-photo-sc.grey-bg .text-box p {
    /* we'll use black in this theme but it was light blue*/
    color: #000000;
}

.text-photo-sc.darkblue-bg .text-box p {
    /* we'll use black in this theme but it was light blue*/
    color: #FFFFFF;
}

.grey-bg {
    /* we'll use white in this theme but it was blue*/
    background-color: #F2F2F2;
    /* background-color: #EFEFEF; */
}

.darkblue-bg {
    background-color: #111a2b;
}

/* This class is used for the broadcast player */
.ex-padd {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 0px;
}