/* override the paper theme */
.page-header {
    padding-bottom: 8.5px;
    margin: 15px 0 20px;
    border-bottom: 1px solid #eeeeee;
}

.gutter-20 {padding:0 0 20px 0; display:inline-block;}

.bg-pink-500 { background: #e91e63; color: #fff; }
.bg-red-500 { background: #f44336; color: #fff; }
.bg-deeppurple-500 { background: #673ab7; color: #fff; }
.bg-purple-500 { background: #9c27b0; color: #fff; }
.bg-blue-500 { background: #2196f3; color: #fff; }
.bg-indigo-500 { background: #3f51b5; color: #fff; }
.bg-cyan-500 { background: #00bcd4; color: #272727; }
.bg-lightblue-500 { background: #03a9f4; color: #272727; }
.bg-green-500 { background: #4caf50; color: #272727; }
.bg-teal-500 { background: #009688; color: #fff; }
.bg-teal-900 {background:#004d40; color:#fff;}
.bg-lime-500 { background: #cddc39; color: #272727; }
.bg-lightgreen-500 { background: #8bc34a; color: #272727; }
.bg-amber-500 { background: #ffc107; color: #272727; }
.bg-yellow-500 { background: #ffeb3b; color: #272727; }
.bg-orange-500 { background: #ff9800; color: #272727; }
.bg-deeporange-500 { background: #ff5722; color: #fff; }
.bg-grey-500 { background: #9e9e9e; color: #272727; }
.bg-brown-500 { background: #795548; color: #fff; }
.bg-bluegrey-300 { background: #90a4ae; color: #272727; }
.bg-bluegrey-400 { background: #78909c; color: #fff; }
.bg-bluegrey-500 { background: #607d8b; color: #fff; }
.bg-black { background: #000; color: #fff; }
.bg-#fff { background: #fff; color: #272727; }

.to-upper {text-transform: uppercase;}
.to-lower {text-transform: lowercase;}
.to-capitalize {text-transform: capitalize;}
.headtag-hide {position:absolute; left:-100000; display: none;}


/* media > index.blade.php */
/*.panel-default:nth-child(even) { background: #FAFAFA; }
.panel-default:nth-child(odd) { background: #fff; }*/
.media-gallery .page-header { border-bottom: 1px solid #cacaca; margin: 5px 0; padding-bottom: 0; }
.media-gallery .page-header > * { margin: 5px 0; }
a:focus { outline: 1px auto -webkit-focus-ring-color; }
a.thumbnail.actived { background: #448AFF; }
.capitalize { text-transform: capitalize; }
.list-group-item { padding: 5px 10px; }
.list-group-item label { margin-bottom: 0; }
.modal-header { border-bottom: 1px dotted #ccc; padding: 10px 15px; }
.modal-body .list-group .list-group-item { line-height: 1.2em; }

/* media > pending.blade.php */
.media-list li:nth-child(even) {background: #cfd8dc;}
.media-list li:nth-child(odd) {background: #FFF;}


/* posts > index.blade.php */
ul.post-status-list,ul.tag-list{display:block;box-sizing:border-box;margin:0;padding:0;}
ul.post-status-list li,ul.tag-list li{float:left;line-height:26px;list-style:inside none none;margin:0 5px 0 0;}
ul.tag-list li::after{content:", ";}
ul.post-status-list li::after{content:" | ";}
ul.tag-list li:last-child::after,ul.post-status-list li:last-child::after{content:"";}

/* posts > post.blade.php, reviews > review.blade.php */
.right-side-bar ul { list-style: none; margin: 0; max-height: 200px; overflow-y: scroll; padding: 0; }
.right-side-bar ul li { margin: 0; padding: 5px 0; }
.right-side-bar .panel-title { text-transform: capitalize; }
.ui-autocomplete { max-height: 200px; overflow-x: hidden; overflow-y: scroll; }
.modal-lg { width: 95%; }
a.olw-thumb-link { border: 5px solid #fff; display: block; margin-bottom: 10px; text-align: center; }
a img { margin: 0 auto; }
a.olw-thumb-link.actived { border: 5px solid #f44336; }
.tab-pane { max-height: 539px; overflow: hidden; overflow-y: auto; }
div.mce-fullscreen { z-index: 1050; }

.responsive-video-container {position: relative; width: 100%; height: 0; padding-bottom: 56.25%; /* 16:9 Aspect Ratio */ padding-top: 25px;}
.responsive-video-container iframe {top: 0; left: 0; position: absolute; width: 100%!important; height: 100%!important;}
img {vertical-align: middle;}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {display: block; max-width: 100%; height: auto;}

/* SEO */
.sheader {display: none; position: absolute; left: -10000;}
.shighlight {border-left: 3px solid red; color: red; line-height: 32px; margin: 40px 0; padding: 20px 0 20px 30px;}
h2.shighlight{font-size: 24px; font-weight: 300; line-height: 34px; color:red;}
h3.shighlight{font-size: 24px; font-weight: 300; line-height: 34px; color:red;}
h4.shighlight{font-size: 24px; font-weight: 300; line-height: 34px; color:red;}
h5.shighlight{font-size: 24px; font-weight: 300; line-height: 34px; color:red;}
h6.shighlight{font-size: 24px; font-weight: 300; line-height: 34px; color:red;}

/* for lazy load */
.blur-up {
	-webkit-filter: blur(5px);
	filter: blur(5px);
	transition: filter 400ms, -webkit-filter 400ms;
}
.blur-up.lazyloaded {
	-webkit-filter: blur(0);
	filter: blur(0);
}