@charset "utf-8";

/* CSS Document Copyright (C) 2015 Highwood Design Limited. All rights reserved.

/* This sheet loads a lite set of styles for HWD related modules and plugins

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

/* Used when rendering dropdown lists                                                         */

.hwd-container .element-invisible { 

	position:absolute;

	padding:0;

	margin:0;

	border:0;

	height:1px;

	width:1px;

	overflow:hidden;

}

/* Details specific styles */

.hwd-container .media-details-view {

	margin:0px 0;

}

.hwd-container .media-details-view .item {

	position:relative;

}

.hwd-container .media-details-view .media-item {

	position:relative;

	margin:10px 0;

}

.hwd-container .media-details-view .media-item-format-1-0, .hwd-container .media-details-view .media-item-format-1-1, .hwd-container .media-details-view .media-item-format-1-2, .hwd-container .media-details-view .media-item-format-1-3, .hwd-container .media-details-view .media-item-format-1-4, .hwd-container .media-details-view .media-item-format-2, .hwd-container .media-details-view .media-item-format-3, .hwd-container .media-details-view .media-item-format-4, .hwd-container .media-details-view .media-item-format-5, .hwd-container .media-details-view .media-item-format-6 {

	position:absolute;

	top:5px;

	left:5px;

}

.hwd-container .media-details-view h1.contentheading,

.hwd-container .media-details-view h2.contentheading,

.hwd-container .media-details-view h3.contentheading,

.hwd-container .media-details-view h4.contentheading,

.hwd-container .media-details-view h5.contentheading,

.hwd-container .media-details-view h6.contentheading {

	font-size:16px;

	line-height:22px;

	font-weight:700;

        margin:5px 0;

        padding:0;        

}

/* Gallery specific styles */

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

.hwd-container .media-gallery-view {

	margin:10px 0;

}

.hwd-container .media-gallery-view .media-item {

	position:relative;

	margin:10px 0;

}

.hwd-container .media-gallery-view .media-item-format-1-1, .hwd-container .media-gallery-view .media-item-format-1-2, .hwd-container .media-gallery-view .media-item-format-1-3, .hwd-container .media-gallery-view .media-item-format-1-4, .hwd-container .media-gallery-view .media-item-format-2, .hwd-container .media-gallery-view .media-item-format-3, .hwd-container .media-gallery-view .media-item-format-4, .hwd-container .media-gallery-view .media-item-format-5, .hwd-container .media-gallery-view .media-item-format-6 {

	position:absolute;

	top:5px;

	left:5px;

}

/* List specific styles */

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

.hwd-container .media-list-view {

	margin:10px 0;

}

.hwd-container .media-list-view .media-item {

	position:relative;

        margin:0 10px 0 0;        

}

.hwd-container .media-list-view .media-item-format-1-1, .hwd-container .media-list-view .media-item-format-1-2, .hwd-container .media-list-view .media-item-format-1-3, .hwd-container .media-list-view .media-item-format-1-4, .hwd-container .media-list-view .media-item-format-2, .hwd-container .media-list-view .media-item-format-3, .hwd-container .media-list-view .media-item-format-4, .hwd-container .media-list-view .media-item-format-5, .hwd-container .media-list-view .media-item-format-6 {

	position:absolute;

	top:5px;

	left:5px;

}

.hwd-container .media-list-view p.contentheading {

        font-weight:bold;

}

.hwd-container .media-list-view table .row-fluid span.label {

        margin-right:5px; // Add padding to the labels in the list and manage views.

}

.hwd-container .media-list-view table .row-fluid div.media-info-hits,

.hwd-container .media-list-view table .row-fluid div.media-info-likes {

        clear:both;

        margin:5px 0;        

}

.hwd-container .media-list-view h1.contentheading,

.hwd-container .media-list-view h2.contentheading,

.hwd-container .media-list-view h3.contentheading,

.hwd-container .media-list-view h4.contentheading,

.hwd-container .media-list-view h5.contentheading,

.hwd-container .media-list-view h6.contentheading {

	font-size:16px;

	line-height:22px;

	font-weight:700;

        margin:0 0 5px 0;

        padding:0;

}



/* Listing meta data                                                                          */

.hwd-container dl.media-info {

        padding:0;

        margin:0;

	font-size:13px;

	line-height:20px;

	font-weight:400;        

}

.hwd-container dl.media-info dd {

        display:block;

        margin:0;

        padding:2px 0;

}

.hwd-container dl.media-info dt.media-info-term {

        display:none;

}

.hwd-container dl.media-info dd.media-info-hits { 

        float:left;

}

.hwd-container dl.media-info dd.media-info-likes { 

        float:right;

}

.hwd-container dl.media-info .media-info-created { 

        color:#999;

}

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

/* Media thumbnail container and overlay styles                                               */

.hwd-container .media-duration {

	position:absolute;

	left:2px;

	bottom:2px;

	color:#fff;

	font-size:10px;

	padding:1px 2px;

        background-color:rgba(0, 0, 0, 0.6);

	-webkit-border-radius:3px;

	   -moz-border-radius:3px;

	        border-radius:3px;

        box-shadow:0 0 1px #DDDDDD;        

        line-height:12px;        

}

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

/* Media display                                                                              */

.hwd-container .media-item-container {

	margin:0;

}

.hwd-container .media-item-container .media-item-full {

	text-align:center;

	width:100%;

}

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

/* Responsive media display (controls the aspect and responsiveness of the players)           */

.hwd-container .media-respond {

        overflow:hidden;

        position:relative;

        margin:0 auto;

}

.hwd-container .media-respond div.media-content {

        position:absolute;

        top:0;

        bottom:0;

        left:0;

        right:0;

        width:100%;

        z-index:2;

        clear:both;

}

.hwd-container .media-respond .media-aspect {

        background:#000;

        z-index:1;

}

.hwd-container .media-respond .media-aspect[data-aspect='0.75'] {

        padding-top:75%; /* 4:3 aspect ratio */

}

.hwd-container .media-respond .media-aspect[data-aspect='0.5625'] {

        padding-top:56%; /* 16:9 aspect ratio */

}

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

/* Activities                                                                                 */

.hwd-container ul.media-activity-list {

	display:block;

	margin:0;

	padding:0;

	list-style:none;

}

.hwd-container ul.media-activity-list li.media-activity-item {

	margin:0 0 5px 0;

	padding:0;

	list-style:none;

        clear:both;        

}

.hwd-container ul.media-activity-list li.media-activity-item .media-activity-avatar {

	float:left;

	padding-right:5px;

	padding-bottom:5px;

}

.hwd-container ul.media-activity-list li.media-activity-item .media-activity-desc {

        margin:0;

        padding:0;       

}

.hwd-container ul.media-activity-list li.media-activity-item .media-activity-date {

	font-size:11px;

        margin:0;

        padding:0;

}

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

/* Classic audio layout                                                                       */

.hwd-container .media-audio-view a.media-track {

	padding:8px;

	line-height:18px;

	vertical-align:top;

	border-top:1px solid #ddd;

        display:block;

        text-decoration:none;

}

.hwd-container .media-audio-view a.media-track:hover {

}

.hwd-container .media-audio-view a.media-track:last-child {

	border-bottom:1px solid #ddd;

        margin-bottom:5px;

}



.hwd-container .media-audio-view .row-fluid i.icon-play {



}

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

/* Thumbnail overlay controls                                                                 */

.hwd-container .media-thumbnail-overlay

{

	position:absolute;

	left:0;

	bottom:0;

	color:#fff;

        background-color:rgba(0, 0, 0, 0.6);

        z-index:3;

        width:100%;

        font-weight:600;

        font-size:90%;

        padding:10px;

        -webkit-box-sizing:border-box;

           -moz-box-sizing:border-box;

                box-sizing:border-box; 

}

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

/* Categories module                                                                          */

.hwd-container.categories-module {

	margin:10px 0;

}

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

/* Mediaitem layouts */

.hwd-container .media-details-view.media-layout-documentation {

	margin:50px 0;

}



.hwd-container .media-details-view.media-layout-blog h3.contentheading {

	margin:20px 0;

}



.hwd-container.media-layout-details {

	display:inline-block; 

        margin-right:20px;

        vertical-align:top;

        max-width:100%;

}

.hwd-container.media-layout-details .media-details-view.media-layout-details {

	max-width:100%;

}

.hwd-container .media-details-view.media-layout-details .media-item {

        margin:0;

}

  





































.hwd-container img.media-carousel-thumb {

    margin:0 auto;

    max-width:600px;

}

.hwd-container div.media-item img.media-thumb {

        max-width:100%;

}

.hwd-container div.media-item:not(.originalaspect) img.media-thumb {

        top: 50%;

        -webkit-transform: translateY(-50%); 

           -moz-transform: translateY(-50%); 

            -ms-transform: translateY(-50%); 

             -o-transform: translateY(-50%);

                transform: translateY(-50%);

    

}

























ul.hwd-container.categories-module ul {

        margin-left:10px;

}







// EasySocial timeline max width

.es .hwd-container .media-item {

	max-width: 500px;

}