/* IMPORTANT!  To maintain the banner... we have to set width 100% take out padding for page and
then re- add it with other divs */

/* Retreat Banner */

/* overrides so that width stays as 100% - only needed for the template page */

.mtv-page-slug-sahaja-express .mtv-content-block, .mtv-page-slug-radio .mtv-content-block, .mtv-page-slug-online-retreat .mtv-content-block, .post-type-archive-freemedia .mtv-content-block, .single-freemedia .mtv-content-block {
    max-width: none;
}

.mtv-page-slug-online-retreat .container-fluid, .single-freemedia .container-fluid, .mtv-page-slug-radio .container-fluid {
     padding: 0;
}
button:focus {outline:0;}

a.anchor {
    display: block;
    position: relative;
    top: -50px;
    visibility: hidden;
}

/* for nav buttons for landing page */
#downloads-title{
        color: #333333;
    font-size: 28px;
    line-height: 48px;
    margin: 0.5em 0;
    font-family: "Belleza", Arial, Helvetica, sans-serif;
}
#container-olr-banner-nav {
    position: absolute;
    width: 100%;
    display: block;
    bottom: -1px;
    height: 30px;
}

#download-options {
   color: #333333;
    font-size: 23px;
    line-height: 48px;
    margin: 0.5em 0;
    font-family: "Belleza", Arial, Helvetica, sans-serif;
}

#download-text{
   color: #333333;
    font-size: 23px;
    line-height: 48px;
    margin: 0.5em 0;
    font-family: "Belleza", Arial, Helvetica, sans-serif;
}
#download-price{
   color: #df8b41;
    font-size: 23px;
    line-height: 48px;
    margin: 0.5em 0;
    font-family: "Belleza", Arial, Helvetica, sans-serif;
}

a,
a:link,
a:visited {
	color: #df8b41;
	text-decoration: none;
	cursor: pointer;
}

#container-olr-banner-width {
    width: 360px;
    margin: auto;
}

.olr-center {
text-align: center;
}

/* sets color of tabs */
#se-nav-tab {
    background-color: #df8b41;
    color:white;
}

#se-nav-tab.active {
    background-color: white;
    color: black;
}

#se-nav-tab.active:hover{
  background-color: #FFFFFF;
}
#se-nav-tab:hover{
  background-color: #bc6a22;
}

/* retreat banner */

#container-rt-banner {
    width: 100%;
    //display: block;
    height: 162px;
    //background-color: #F7CB82;
    background-color: #fad655;

}


#container-image-top {
    //display: block;

    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    width: 95%;
}

.se-content-block {
     padding-top: 5px;
}
.invitation-min-height-login{
    min-height:67px;
    position:relative;
}
.retreat-back-button{
    max-width: 940px;
    margin: auto;
    margin-top:10px
}
#login-details-retreat {

    padding-top: 12px;


    width:250px;
    flex: 0 0 250px;
}
#container-rt-title-right{
    width:250px;
    flex: 0 0 250px;
}
#container-title{
    position:relative;
    display: flex;
    x-justify-content: space-around;
    x-align-items: stretch;
    max-width: 1200px;
    min-height:55px;

}
#container-previous-sessions{
    text-align: center;
    font-family: "Belleza", Arial, Helvetica, sans-serif;
    font-size: 30px;
    color: #bc6a22;
    letter-spacing: .7px;
    margin-top:12px;
}
#login-details-retreat2 {
    display: none;
    padding-top: 6px;
    float: left;
    position: absolute;

}

#container-rt-title {
    width: 100%;
    display: inline;
    text-align:center;

    font-family: "Belleza", Arial, Helvetica, sans-serif;
    font-size: 30px;
    color: #bc6a22;
    letter-spacing: .7px;
    outline: none;
    margin-top:10px;
    /*margin-bottom:15px;*/
    line-height:0.9em;
}
#container-rt-title-span{
  vertical-align:middle;
}

#fm_refine_search div {
     width: unset;
}

#fm_refine_search #rt-small {
    width: 20px;
    padding-left: 15px;
}

#fm_refine_search #drop-wide {
        width: 280px;
}

#fm_refine_search #left-margin {
    width: 223px;
}

#fm_refine_search {
    margin-top: 34px;
    margin-bottom: 15px;
}

#fm_refine_search #search {
    background-color: #df8b41;
    border-bottom: 3px solid #bc6a22;
}
#fm_refine_search #search:hover,
#fm_refine_search #search:focus
 {
    background-color: #bc6a22;
    border-bottom: 3px solid #bc6a22;
}



#fm_refine_search select {
    background: url(../img/arrow_rt_40.png);
    background-size: 27px 27px;
    background-repeat: no-repeat;
    background-position: 221px 0;
    width: 250px;
    font-size: 13px;
    float: none;
    border: 1px solid #df8b41;
    vertical-align: -webkit-baseline-middle;
}

.nav>li>a {
    padding: 6px 9px;
}

div#retreat-gray {

    position:absolute;
    z-index:2;
    vertical-align: top;
    width: 280px;
    height: 30px;
    margin-top: 128px;
    background-color: #df8b41;
    text-align:center;
    line-height: 30px;
    font-family: "Belleza", Arial, Helvetica, sans-serif;
    color: #ffffff;

}

/*
div#retreat-gray-large {

    position:absolute;
    z-index:2;
    vertical-align: top;
    width: 590px;
    height: 30px;
    margin-top: 302px;
    background-color: #df8b41;
    text-align:center;
    line-height: 30px;
    font-family: "Belleza", Arial, Helvetica, sans-serif;
    color: #ffffff;

}
*/
div#retreat-gray-large {

    display: block;
    max-width: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #df8b41;
     background-color: #df8b41;
    text-align:center;
    line-height: 30px;
    font-family: "Belleza", Arial, Helvetica, sans-serif;
    color: #ffffff;
    width:100%

}

.se-thumbnail_duration {
    background-color: #df8b41;
}

a:hover.se-link-color {
    color: #df8b41;
}


.lang-item a {
    font-family: "Belleza", Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #bc6a22;
    letter-spacing: .5px;
}

li.lang-item {
    padding: 0px 0px 0px 0px;
}

.nav-tabs.nav-justified>li>a {
 border-bottom: 0px;
}

.nav-tabs.nav-justified {
    padding: 0px 0px 0px 0px;
    border-bottom: thin solid #df8b41;
}
.retreat-no-banner{
    border-top:1px solid #808080;
}

/*  this gets rid of the shadow in the top nav  */
.mtv-header-wrapper {
    -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2);
}
#fm_refine_search #logout-button {
            margin-left:31px;
        }

#fm_refine_search #login-button {
            margin-left:31px;
        }
#fm_refine_search {
     margin: 0px !important;
     display: flex;
     align-items: center;
     justify-content: center;
}


@media (max-width: 978px) {
    .invitation-min-height-login {
     min-height: 41px;
     margin: 0px;
    }
    #container-rt-title-right{
        display:none;
    }
    .retreat-back-button{
        transform:none;
    }
    .mtv-sm-related-container{
            display: flex;
            width:100%;
            margin-left:15px;
    }
    .mtv-sm-media-container{
            width:95%;
        /*
            display: flex;
            align-items: center;
            justify-content: center;
        */
    }
    .mtv-sm-related-list{

            width:100%;

    }
                #login-details-retreat {
               display: none;
            padding-top: 6px;
                 float: left;
            position: absolute;
        }
        #login-details-retreat2 {
            display: inline;
            float: center;
            position: relative;
            text-align: center;
            width: 100%;
            padding-bottom: 12px;
            padding-top: 12px;
        }

        #logout-button {
            display:none;
        }

}
@media (max-width: 950px){
    .row{
        width:100%;
    }
#fm_refine_search {
     margin: 0px !important;
     display: flex;
     align-items: center;
     justify-content: center;
}

@media (max-width: 930px){
.invitation-no-display-small-screen {
        display: none !important;
    }
}
@media (max-width: 860px){
#fm_refine_search {
     margin: 0px !important;
     display: flex;
     align-items: center;
     justify-content: center;
}
.retreat-back-button{
            transform: translateX(9px);
}

@media (max-width: 842px){
#fm_refine_search {
    /* margin: 10px; */
}
}

@media (max-width: 828px) {
    #container-olr-banner-nav #container-olr-banner-width{
            display: flex;
            align-items: center;
            justify-content: center;

    }
    #container-olr-banner-width{
            display: flex;
            align-items: center;
            justify-content: center;
            width:100%;

    }

    #fm_refine_search #drop-wide {
            width: 280px;
            display: flex;
            align-items: left;
            justify-content: left;
    }
    #drop-wide {
            width: 280px;
            position: relative;
            float:left;
    }

    .mtv-sm-related-container {
        margin-top:0px;
    }
}

@media (max-width: 768px) {
    #fm_refine_search {
     margin: 10px;
    }
    #container-olr-banner-nav #container-olr-banner-width{
            display: flex;
            align-items: center;
            justify-content: center;

    }
    #container-olr-banner-width{
            display: flex;
            align-items: center;
            justify-content: center;
            width:100%;

    }
    #fm_refine_search #drop-wide {
            width: 280px;
            position: relative;
            float:left;
            margin-left:0px;
    }
    #drop-wide {
            width: 280px;
            position: relative;
            float:left;
    }
   #fm_refine_search #logout-button {
            display:none;
        }
        /*
  #fm_refine_search #login-button {
            display:inline;
            margin-left: 0px;
            display: flex;
            align-items: left;
            justify-content: left;
        }
        */
        .mtv-sm-related-container {
            margin-top:0px;
        }


    #container-rt-title {
            height:45px;
            padding-top: 0px;
        }
    #fm_refine_search  {
        width:100%;
        margin-top:0px;
        }

    #fm_refine_search #fm_refine_search_3buttons {
        width:100%;
        }
    #fm_refine_search #fm_refine_search_3buttons #fm_refine_search_centering {
        width:100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
     #fm_refine_search  #login-button {
        display: flex;
        align-items: center;
        justify-content: center;
        width:100%;
        margin-left:0px;
    }


}
@media (max-width: 550px) {
    .mtv-sm-media-container{
            margin-left:0px;
        }


    #container-rt-title {
            height:45px;
            padding-top: 0px;
        }
    #fm_refine_search  {
        width:100%;
        margin-top:0px;
        }

    #fm_refine_search #fm_refine_search_3buttons {
        width:100%;
        }
    #fm_refine_search #fm_refine_search_3buttons #fm_refine_search_centering {
        width:100%;
        display:inline;
    }
    #fm_refine_search #drop-wide  {
        display: flex;
        align-items: center;
        justify-content: center;
        width:100%;
    }
    #fm_refine_search #buy-button {
        display: flex;
        align-items: center;
        justify-content: center;
        width:100%;
    }
     #fm_refine_search  #login-button {
        display: flex;
        align-items: center;
        justify-content: center;
        width:100%;
    }
}
@media (max-width: 488px) {

    #fm_refine_search #login-button {
            display:inline;
            margin-left: 0px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        #fm_refine_search #buy-button{
                width: 100%;
                 display: flex;
                 align-items: center;
                 justify-content: center;
        }
        #fm_refine_search #drop-wide {
           width: 100%;
          display: flex;
          align-items: center;
           justify-content: center;
    }
        #fm_refine_search #login-button {
            width: 100%;
          display: flex;
          align-items: center;
           justify-content: center;
        }
}
@media (max-width: 440px) {
  #container-rt-title {
          height: 85px;
          padding-top: 0px;
          line-height: 35px;
      }
}
@media (max-width: 238px) {
  #container-rt-title {
          height: 120px;
          padding-top: 0px;
          line-height: 35px;
      }
}
@media (max-width: 222px) {
  #container-rt-title {
          height: 146px;
          padding-top: 0px;
          line-height: 35px;
      }
}