/*
    
    FRONT END CONTROL LAYOUT
    
*/


a.tag:link, .tag {
    display: inline-block;
    margin-bottom: 0.5em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
    padding: 2px 5px;
    font-size: 0.8em;
    position: relative;
    margin-right: 3px;
}
a.tag, .tag{
   background:#E7E7E7;
}

.article h3,
.media-block h3 {
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
        margin:0;
        text-overflow: ellipsis;
        line-height: 1.8em;
    }

/********************************
    ARTICLES
*********************************/

.article a{
    color:#df212a;}
.article .featured,.article .tag.featured {
    background:#df212a; color:#fff;
}

    /*SINGLE - VIEW*/ 
        .article-single-view {
            font-size:1.2em
        }
        .article-single-view h2{
            font-size:2em;
            margin: 25px 0 25px 0;
            }
        .article-single-view .blurb-author {
            color:#df212a;
            margin-bottom: 10px;
        }
        .article-single-view .caption {
            padding: 20px 0;
        }
        .article-single-view .article-heading{
            background:#df212a;}
        .article-single-view .read-more{display:none;}
        .article-single-view .tag{font-size:0.8em;}
        .article-single-view .glyphicon,
        .article-single-view .fa{margin:0 5px 0 0;}
        .article-single-view .fa:after{
            font-family: 'Open Sans', sans-serif;
            margin-left:5px;
            content:'Written by';
        }

		
		

    /*ARTICLE MINI - VIEW*/     
        .article-mini img,
        .article-mini .read-more,
        .article-mini .tag,
        .article-mini hr:last-child
        {
            display:none;
        }
        .article-mini h3 a {
            line-height:1.5em;}
        .article-mini p.blurb-author {margin: 0;padding: 0px;}
        .article-mini .tag {background:transparent; padding:0px;}
        .article-mini .tag:after{content:' > '}
        .article-mini .caption {margin:0 3px}
        .article-mini hr {margin-bottom:10px}

    /*ARTICLE LIST - VIEW*/
        .article-list {}
        .article-list .caption,
        .article-list .read-more {
            display: none;
        }       
       .article-list .blurb-author {margin-top:0;margin-bottom:5px;}
       .article-list .tag {font-size:0.8em;}
       .article-list .tag.featured{
           color:#fff; background:#df212a;}
       .article-list hr {margin-top:20px; margin-bottom:20px;}

    /*ARTICLE BLOCK - FEATURED*/
        .article-block {margin:0}
        .article-block .tag.featured{
            background:#df212a; color:#fff;}

    /*ARTICLE JUMBO*/
        .article-jumbo .article-list hr,
        .article-jumbo .article-block hr,
        .article-jumbo .article-list .tag,
        .article-jumbo .article-block .tag,
        .article-jumbo .blurb-author  {
                display: none;
        }
        .article-list .read-more {
            display: inline-block;
            margin-top:5px;
        }
        .article-jumbo .body{
              display: -webkit-box;
              -webkit-line-clamp: 6;
              -moz-line-clamp: 6;
              -webkit-box-orient: vertical;
              -moz-box-orient: vertical;
              overflow: hidden;
              position: relative;
              margin:0;padding:0
        }
        .article-jumbo .body p{
            margin:0;padding:0
        }
        .article-jumbo .body:after{
            /*background: linear-gradient(to right, rgba(255, 255, 255, 0), #FFFFFF 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
            bottom: 0;
            content: "...";
            font-weight: bold;
            padding: 0 20px 1px 45px;
            position: absolute;
            right: 0;*/
        }
        .article-jumbo .article-list,
        .article-jumbo .article-block {
            font-size:1.5em;}
        .article-jumbo .article-list h3,
        .article-jumbo .article-block h3{
            color:#444; font-size:1.8em; margin:0;
        }
        .article-jumbo .article-list p,
        .article-jumbo .article-block p{
            margin-top:0;
        }
        .article-jumbo .article-list .article-description,
        .article-jumbo .article-list .article-description {
            margin: 0 0 2em 0;}

    /*ARTICLES RELATED - SIDE MENU*/
        .article-related h2{
            background:#df212a; 
            color:#fff;
            padding: 10px;
            font-size: 1.6em;
            margin-bottom: 5px;
            text-decoration: none;
        }
        .article-related .article-single{padding: 10px}
        .article-related h3,
        .article-related h3 a{
            font-size: 1.2em;
            margin: 0;
            color: #df212a;
            line-height: 1.5em;
            padding: 0;
        }
        .article-related .blurb-author {margin: 3px 0;padding: 0px; color: #62a0d1;}
        .article-related .article-description{margin:0}


    /*ARTICLE ARCHIVE - MENU VIEW*/
        .article-archive .panel-group{
            padding:10px;
        }
        .article-archive .panel-heading {padding: 5px 10px;}
        .article-archive h3{
            background:#df212a;
            padding: 10px;
            color:#fff;    
        }
        .article-archive  .panel-group .panel + .panel {
            margin-top:-1px;
        }
        .article-archive .panel.panel-default a.title-year{
            display:block;
        }
        .article-archive .panel.panel-default .number-of-articles {
            margin-left:5px; color:#a0a1a3;
        }
        .article-archive .panel.panel-default ul.archive-month {
            margin:0;
            list-style:none;
            padding: 0 0 0 10px;
        }
        .article-archive .panel.panel-default ul.archive-month li:before {
            content:"\f138";
            display:inline-block;
            display: inline-block;
            font-family: FontAwesome;
            margin-right:5px;
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            color:#df212a;
    
    }



/********************************
    MEDIA SINGLE - PAGE VIEW
*********************************/

.media a{
    color:#62a0d1;}
.media .featured,.media .tag.featured {
    background:#62a0d1; color:#fff;
}
     /*MEDIA LIST - VIEW*/
    .media-single-view h2{
        font-size:2em;
        color:#62a0d1;}
    .media-single-view .tag.featured {
        background:#62a0d1; color:#fff;}
    .media-heading{
        background:#62a0d1;}

    /*MEDIA BLOCK - FEATURED VIEW*/
        .media-block {
            margin-top: 0;
        }
        .media-block .rt-image-description.rt-hover4 {
            background-color: rgba(98,160,209,0.6);
            background-image: -moz-linear-gradient(left,rgba(98,160,209,0.6),rgba(98,160,209,0.6));
            background-image: -webkit-gradient(linear,0 0,100% 0,from(rgba(98,160,209,0.6)),to(rgba(98,160,209,0.6)));
            background-image: -webkit-linear-gradient(left,rgba(98,160,209,0.6),rgba(98,160,209,0.6));
            background-image: -o-linear-gradient(left,rgba(98,160,209,0.6),rgba(98,160,209,0.6));
            background-image: linear-gradient(to right,rgba(98,160,209,0.6),rgba(98,160,209,0.6));
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc1b7dfc', endColorstr='#cc1b7dfc', GradientType=1);
            background-repeat: repeat;
        }

    /*MEDIA RELATED - SIDE MENU*/
        .media-related h3{
            background:#62a0d1;
            padding: 10px;
            color:#fff;  
        }
        .media-related h4 {
            white-space: nowrap;
             line-height: 1.2em;
             font-size:1.2em;
             overflow: hidden; /* "overflow" value must be different from "visible" */ 
             text-overflow: ellipsis;
             margin-bottom:0px;
             color: #62a0d1;
             width: 100%;  }
        .media-related p.media-description{margin: 0;}
        .media-related .fa-play-circle{margin:0 3px 0 0}        
        .media-related .media-single{padding:0 10px; margin-bottom:10px;}

    /*IMAGE OVERLAY*/
    .rt-image-container {
        position: relative;
        }
    .rt-image-container img {
        border:1px solid #bbbbbb;
        }
    .rt-image {
        position: relative;
    }

        .rt-image img {
            max-width: 100%;
            height: auto;
        }

    .rt-image-description {
        color: #FFFFFF;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        bottom: 0;
        left: 0;
        -webkit-transition: all 0.1s ease-in;
        -moz-transition: all 0.1s ease-in;
        -o-transition: all 0.1s ease-in;
        transition: all 0.1s ease-in;
        width: 100%;
        height: 0;
        overflow: hidden;
        z-index: -1;
        -webkit-backface-visibility: hidden;
    }

    .rt-image-description.rt-hover1 {
        background: #62a0d1;
    }

    .rt-image-description.rt-hover2 {
        background: #df212a;
    }

    .rt-image-description.rt-hover3 {
        background-color: rgba(98,160,209,0.6);
        background-image: -moz-linear-gradient(left,rgba(98,160,209,0.6),rgba(98,160,209,0.6));
        background-image: -webkit-gradient(linear,0 0,100% 0,from(rgba(98,160,209,0.6)),to(rgba(98,160,209,0.6)));
        background-image: -webkit-linear-gradient(left,rgba(98,160,209,0.6),rgba(98,160,209,0.6));
        background-image: -o-linear-gradient(left,rgba(98,160,209,0.6),rgba(98,160,209,0.6));
        background-image: linear-gradient(to right,rgba(98,160,209,0.6),rgba(98,160,209,0.6));
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc1b7dfc', endColorstr='#cc1b7dfc', GradientType=1);
        background-repeat: repeat;
    }

    .rt-image-description.rt-hover4 {
        background-color: rgba(1,88,64,0.3);
        background-image: -moz-linear-gradient(left,rgba(1,88,64,0.3),rgba(1,88,64,0.3));
        background-image: -webkit-gradient( linear,0 0,100% 0,from(rgba(1,88,64,0.3)),to(rgba(1,88,64,0.3)));
        background-image: -webkit-linear-gradient(left,rgba(1,88,64,0.3),rgba(1,88,64,0.3));
        background-image: -o-linear-gradient(left,rgba(1,88,64,0.3),rgba(1,88,64,0.3));
        background-image: linear-gradient(to right,rgba(1,88,64,0.3),rgba(1,88,64,0.3));
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cce52d47', endColorstr='#cce52d47', GradientType=1);
        background-repeat: repeat;
    }

.rt-image-content {
    font-size: 1em;
    text-align: center;
    position: absolute;
    top: 40%;
    width: 100%;
    margin: auto;
    bottom:0;
}

    .rt-image-content [class^="glyph-"]:before,
    .rt-image-content [class*=" glyph-"]:before {
        display: block;
        font-size: 5em;
        line-height: 1;
    }
    .rt-image-content span.glyphicon,
    .article .rt-image-content span.glyphicon,
    .rt-image-content .fa,
    .article .rt-image-content .fa{
        font-size: 50px;
        color:#fff;

    }

/*.rt-image-content .glyph.link-icon:before {
			content: "/asedasd";
		}*/

.rt-image-text {
    font-size: 1.5em;
    line-height: 2em;
    text-transform: uppercase;
    display: block;
}

.rt-image-container:hover .rt-image-description {
    opacity: 1;
    position: absolute;
    visibility: visible;
    height: 100%;
    z-index: 1000;
}

.rt-title-tag {
    display: block;
    font-size: 60%;
    line-height: 1.5em;
    text-transform: uppercase;
    letter-spacing: normal;
}

.rt-intro-text {
    font-size: 22px;
    line-height: 34px;


/*////////////////////////////////////////////////////////////////////////////////////////*/