/* 
 * Master
 * ------------- */

body { padding-top: 70px; }

h1, h2, h3, h4, h5, h6 { font-family: 'Merriweather', serif; }

h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

.navbar { background: #FFF; }

.navbar-collapse { background: #FFF; }

.navbar-default .navbar-brand { color: #CB7600; }

.container-main { width: 750px; }

.oval { -webkit-border-radius: 999px;
	-moz-border-radius: 999px;
	border-radius: 999px; }

.load-more { padding: 15px; margin: 20px 0; }

/* 
 * Category Nav
 * ------------- */

.category-nav { margin-top: -20px; margin-bottom: 20px; background: #803515; text-align: center; }
	.category-nav ul { display: block; margin: 0; padding: 10px 0; }
		.category-nav li { display: inline; padding: 0 5px 0 5px; }
			.category-nav li a { color: #FFF; }

/* 
 * Footer
 * ------------- */

.footer { padding: 20px 0 30px 0; border-top: 1px solid #EFEFEF; color: #666; }
    .footer p { padding: 2px; margin: 0; }
    p.footer-social-networks { padding-top: 10px; }
        .footer-social-networks a { display: inline-block; width: 32px; height: 32px; padding: 6px 5px 5px 6px; color: #FFF; }
        .footer-social-networks a:hover { color: #FFF; }
        .footer-facebook { background: #0059B2; }
        .footer-twitter { background: #008C8C; }
        .footer-instagram { background: #8A8A7B; }
        .footer-gplus { background: #9F0A0A; }

/* 
 * Index
 * ------------- */

.index { padding: 0 0 15px 0; }

	.intro { padding-bottom: 15px; margin-bottom: 10px; border-bottom: 1px solid #EFEFEF; font-size: 16px; }
		.intro h1 { padding: 0; margin: 0; font-size: 34px; }
		.intro h2 { padding: 10px 0; margin: 0; font-size: 16px; }
		.intro p { padding: 10px 0; margin: 0; }

	.home-user-item { padding-top: 10px; padding-bottom: 10px; }
	.index img { width: 100%; }

/* - - - */

.index-intro { background: url('https://twicial.com/img/index-bg.jpg'); margin-top: -20px; padding-top: 50px; padding-bottom: 50px; text-align: center; color: #FFF; }
	.index-intro h1 { padding: 10px 0; margin: 0 0 20px 0; font-size: 32px; font-weight: bold; }
	.index-intro h2 { padding: 0; margin: 0; font-size: 16px; color: #CB7600; }
	.index-intro p { padding: 10px 0; margin: 0; color: #CCC; }

@media (min-width: 768px) {
	.index-intro { }
}

.home-search { padding: 30px 0; background: #EFEFEF; }
	.home-search h5 { font-size: 22px; margin: 0; padding: 0 0 20px 0; }
	.home-search input { height: 50px; }

.home-cat-items {}
	.home-cat-items img { width: 100%; }
	.home-photo-item { margin-bottom: 30px; }
	.home-user-item { }
		.home-photo-title { font-size: 30px; margin-bottom: 20px; margin-top: 20px; }
		.home-user-title { font-size: 20px; margin-bottom: 10px; margin-top: 30px; }

.explore-users { padding: 60px 0 50px 0; }
	.explore-users h2 { margin-top: 0; margin-bottom: 20px; font-size: 30px; }
	.explore-user-item {}
		.explore-user-item { display: block; margin-top: 30px; font-weight: bold; color: #AA5A39; }
		.explore-user-item:hover { text-decoration: none; color: #803515; }
		.explore-user-item span { display: block; margin-bottom: 10px; font-family: 'Merriweather', serif; }
		.explore-user-item img { width: 128px; height: 128px;
			-webkit-border-radius: 999px;
			-moz-border-radius: 999px;
			border-radius: 999px; }

.feeds-by-category { padding: 60px 0 50px 0; background: #803515; color: #FFF; }
    .feeds-by-category h2 { margin-top: 0; margin-bottom: 40px; font-size: 30px; }
    .feed-category-item { display: block; margin: 10px 0; }
        .feed-category-item i { display: inline-block; width: 64px; height: 64px; padding: 20px 0 0 0; margin-bottom: 10px;
            background: #FFF; font-size: 24px; color: #803515; }
        .feed-category-item span { display: block; font-size: 16px; color: #CCC; }
        a.feed-category-item:hover, a.feed-category-item:focus { color: #FFF; text-decoration: none; }

@media (max-width: 500px) {
    .feeds-by-category h2 { font-size: 20px; }
    .feed-category-item i { width: 75px; height: 75px; padding: 27px 0 0 0; }
    .feed-category-item span { font-size: 16px; }
}

.index-stats { padding: 30px 0; background: #EFEFEF; text-align: center; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; }
	.index-stats h2 { padding: 10px 0; margin: 0; font-size: 20px; font-weight: bold; }
	.index-stats h3 { padding: 10px 0; margin: 0; font-size: 16px; font-weight: bold; }
	.index-stats p { padding: 10px 0; margin: 0; }
	.index-stats a { font-size: 14px; font-weight: bold; font-family: 'Merriweather', serif; }
	.index-stats-link { padding: 0 10px; }

.index-stats-top { background: #FFF; }

.title-icon { display: inline-block; margin: 10px 0; padding: 25px; border-radius: 999px; font-size: 20px; }
	.title-icon-blue { background: #337AB7; color: #FFF; }
	.title-icon-white { background: #803515; color: #FFF; }

/* 
 * Front Page
 * ------------- */

.front-page { padding-bottom: 20px; }
	.front-page h1 { padding: 0 0 10px 0; margin-top: 10px; border-bottom: 3px solid #EFEFEF; }
	.front-page h2 { padding: 0 0 10px 0; border-bottom: 3px solid #EFEFEF; }
	.front-page h3 { padding: 0 0 10px 0; border-bottom: 3px solid #EFEFEF; }
	.front-page h4 { padding: 0 0 10px 0; border-bottom: 3px solid #EFEFEF; }

/* 
 * Profile
 * ------------- */

@media (min-width: 768px) {
	.container-profile { width: 768px; }
}

.profile {}
	
	.profile-header { padding: 0 0 20px 0; border-bottom: 5px solid #EFEFEF; }
		.profile-header h1 { margin: 0; padding: 5px 0; font-size: 24px; }
		.profile-header h2 { margin: 0; padding: 10px 0; font-size: 14px; font-weight: bold; }
		.profile-header p { margin: 0; padding: 5px 0; }
		.profile-header img { padding: 5px 0; }

		.profile-header .fancybox { text-decoration: none; }

		.profile-counts:first-child { }
		.profile-counts:last-child { padding-top: 0; }
			.profile-counts .btn { margin: 1px; width: 130px; }

		.profile-leftright { margin: 0 20px; color: #FF0000; }
			.profile-leftright i { font-size: 40px; }

		@media (max-width: 768px) {
			.profile-header img { width: 100px; height: 110px; }
		}

	.profile-tweets {}

		.tweet-list li { padding: 20px 0 10px 0; margin: 0; border-bottom: 1px solid #EFEFEF; }
		.tweet-list li:last-child { border-bottom: none; }
		.tweet-list .media-body img { width: 100%; }

		.tweet-list .tweet-date { font-size: 12px; }
		.tweet-list .tweet-source { font-size: 12px; font-style: italic; }

		.tweet-list .alert { margin-top: 20px; text-align: center; }

		.tweet-list .media-heading { font-family: 'Merriweather', serif; font-size: 14px; }

	.profile-points { padding: 20px 0; margin: 0 0 20px 0; border-bottom: 5px solid #EFEFEF; }

		.profile-points h3 { margin: 0 0 20px 0; padding: 0; }
		.profile-points p { margin: 0; padding: 0; }

		.profile-ball { display: inline-block; width: 100px; height: 100px; text-align: center; color: #FFF; font-family: 'Merriweather', serif; }
		.profile-ball-activity { background: #BA0000; margin-right: -30px; }
		.profile-ball-social { background: #F04516; }
		.profile-ball-quality { background: #0E77B0; margin-left: -30px; }
		
			.profile-point-pers { display: block; margin-top: 25px; text-align: center; font-size: 18px; font-weight: bold; }
			.profile-point-name { display: block; text-align: center; font-size: 14px; }

@media (max-width: 768px) {
	.profile-ball { width: 75px; height: 75px; }
	.profile-point-pers { font-size: 16px; margin-top: 20px; }
	.profile-point-name { font-size: 12px; }
}

.profile-adsense { padding-top: 20px; text-align: center; }
.tag-adsense { padding: 10px 0; text-align: center; }

/* 
 * Profile
 * ------------- */

.profile-follows { margin-top: 20px; }
	.profile-follows h3 { margin: 0 0 15px 0; padding: 5px 0 10px 0; border-bottom: 1px solid #EFEFEF; }

.profile-likes { margin-top: 20px; }
	.profile-likes h3 { margin: 0 0 5px 0; padding: 5px 0 10px 0; border-bottom: 1px solid #EFEFEF; }

/* 
 * Search
 * ------------- */

.search {}
	.search h1 { margin: 0 0 10px 0; padding: 0 0 15px 0; font-size: 20px; border-bottom: 3px solid #EFEFEF; }
	.search h2 { margin: 0 0 15px 0; padding: 0 0 15px 0; font-size: 20px; border-bottom: 3px solid #EFEFEF; }
	.search .alert { margin-top: 20px; }

	.search-bar { padding: 10px 0 20px 0; }
	.search-results { padding: 10px 0; }

/* 
 * User List
 * ------------- */

.user-item { margin-top: 10px; margin-bottom: 10px; }
	.user-item .media { display: block; padding: 10px; background: #F3F3F3; border: 1px solid #EFEFEF; border-bottom: 3px solid #CCC; }
		.user-item .media-body { position: relative; height: 100px; }
			.user-item .media-body .actions { position: absolute; bottom: 5px; width: 100%; margin: 0; padding: 0; }
				.user-item .media-body .actions a { display: block; }

/* 
 * Directory
 * ------------- */

.directory-users { padding-bottom: 30px; }
	.directory-users h3 { padding-top: 20px; font-size: 30px; }

.directory-letters {}
	.directory-letters li { display: block; float: left; }
		.directory-letters li a { display: block; padding: 15px; margin: 0 1px; background: #DDD; color: #333; }
		.directory-letters li a:hover { background: #333; color: #FFF; text-decoration: none; }

/* 
 * 404
 * ------------- */

.error-404 { padding: 10px 0; }
.error-404 h1 { margin: 0; padding: 0 0 10px 0; }
.error-404 p { margin: 0; padding: 7px 0 10px 0; }

/* 
 * Dashboard
 * ------------- */

.basic-stats { margin-left: -5px; margin-right: -5px; }
	.basic-stat-item-wrapper { margin: 0; padding: 5px; }
		.basic-stat-item { display: block; height: 100px; padding: 15px; background: #CCC; color: #333; }
		.basic-stat-item:hover { text-decoration: none; color: #333; }
		.basic-stat-item span { display: block; margin-bottom: 7px; font-weight: bold; }

/* 
 * Status
 * ------------- */

.status { padding-bottom: 20px; }
	
	.status-left { text-align: center; }

		.status-text { font-size: 20px; }
		
		.status-image { position: relative; }
			.status-image img { width: 100%; }
			.status-image-nav { position: absolute; top: 40%; padding: 25px; background: #CB7600; font-size: 30px; color: #FFF; }
			.status-image-left { left: 0; }
			.status-image-right { right: 0; }

			@media (max-width: 768px) {
				.status-image-nav { padding: 15px; font-size: 20px; }
			}

		.status-more-title { margin: 0; padding: 20px 0; }
		.status-more-item { padding-bottom: 30px; }
			.status-more-item img { width: 100%; }

/* 
 * Status
 * ------------- */

.category {}
	.category .home-photo-title { margin-top: 0; margin-bottom: 10px; padding-top: 0; }
	.category-description { margin: 0 0 20px 0; padding-bottom: 20px; border-bottom: 1px solid #EFEFEF; }

/* 
 * Tag Cloud
 * ------------- */

.tag-cloud {}
	.tag-cloud h4 { font-size: 24px; margin: 15px 0; }
	.tag-cloud p {}
		.tag-cloud p a { display: inline-block; float: left; padding: 5px 7px; margin: 0 1px 1px 0; background: #803515; color: #FFF; font-size: 12px; }
		.tag-cloud p a:hover { background: #333; text-decoration: none; }

/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */

/**
 * Style-sheet for dtpicker
 * https://github.com/mugifly/jquery-simple-datetimepicker
 */

.datepicker{display:inline-block;font:15px/1.5 "Helvetica Neue",mplus-2c,Helvetica,Arial,"Hiragino Kaku Gothic Pro",Meiryo,sans-serif;font-weight:300;border:1px solid #dfdfdf;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;box-shadow:.5px .5px 0 #c8c8c8;-webkit-box-shadow:.5px .5px 3px #eee;-moz-box-shadow:.5px .5px 3px #eee}.datepicker>.datepicker_header{background-color:#eee;color:#3f3f3f;text-align:center;font-size:9pt;font-weight:700;user-select:none;-webkit-user-select:none;-moz-user-select:none;padding:2px 5px}.datepicker>.datepicker_header>a{user-select:none;-webkit-user-select:none;-moz-user-select:none;cursor:pointer;color:#3b7796}.datepicker>.datepicker_header>a:hover{color:#303030;background-color:#c8c8c8}.datepicker>.datepicker_header>a:active{color:#fff;background-color:grey}.datepicker>.datepicker_header>span{margin-left:20px;margin-right:20px;user-select:none;-webkit-user-select:none;-moz-user-select:none}.datepicker>.datepicker_header>.icon-home{position:absolute;display:block;float:left;margin-top:2px;margin-left:5px;width:11pt;height:11pt;vertical-align:middle}.datepicker>.datepicker_header>.icon-home>svg>g>path{fill:#3b7796}.datepicker>.datepicker_header>a:hover>svg>g>path{fill:#303030}.datepicker>.datepicker_inner_container{margin:-2px 0;background-color:#d2d2d2;border:1px solid #c8c8c8;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;box-shadow:.5px 0 3px #c8c8c8;-webkit-box-shadow:.5px 0 3px #c8c8c8;-moz-box-shadow:.5px 0 3px #c8c8c8}.datepicker>.datepicker_inner_container:after{content:".";display:block;height:0;clear:both;visibility:hidden}.datepicker>.datepicker_inner_container>.datepicker_calendar{float:left;width:auto;margin-top:-.5px;margin-left:-1px;margin-bottom:-2px;background-color:#fff;border:1px solid #c8c8c8;border-top:none;border-top-left-radius:3px;border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-bottomleft:3px}.datepicker>.datepicker_inner_container>.datepicker_calendar>table{padding:10px}.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tbody>tr>th{color:#646464;width:18px;font-size:small;font-weight:400;text-align:center}.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tbody>tr>td{color:#000;font-size:small;text-align:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;cursor:pointer}.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tbody>tr>td.today{border-bottom:#bfbfbf solid 2px;margin-bottom:-2px}.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tbody>tr>td.wday_sat{color:#04a}.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tbody>tr>td.wday_sun{color:#e13b00}.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tbody>tr>td.day_another_month{color:#ccc}.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tbody>tr>td.day_in_past,.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tbody>tr>td.day_in_unallowed,.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tbody>tr>td.out_of_range{cursor:default;color:#ccc}.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tbody>tr>td.active{color:#fff;background-color:grey}.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tbody>tr>td.hover{color:#000;background-color:#c8c8c8}.datepicker>.datepicker_inner_container>.datepicker_timelist{float:left;width:4.2em;height:118px;margin-top:-.5px;padding:5px 0;overflow:auto;overflow-x:hidden;background-color:#fff;border-top-right-radius:3px;border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px}.datepicker>.datepicker_inner_container>.datepicker_timelist::-webkit-scrollbar{overflow:hidden;width:6px;background:#fafafa;border-top-right-radius:3px;border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px}.datepicker>.datepicker_inner_container>.datepicker_timelist::-webkit-scrollbar:horizontal{height:1px}.datepicker>.datepicker_inner_container>.datepicker_timelist::-webkit-scrollbar-button{display:none}.datepicker>.datepicker_inner_container>.datepicker_timelist::-webkit-scrollbar-piece{background:#eee}.datepicker>.datepicker_inner_container>.datepicker_timelist::-webkit-scrollbar-piece:start{background:#eee}.datepicker>.datepicker_inner_container>.datepicker_timelist::-webkit-scrollbar-thumb{background:#aaa;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.datepicker>.datepicker_inner_container>.datepicker_timelist::-webkit-scrollbar-corner{background:#333}.datepicker>.datepicker_inner_container>.datepicker_timelist>div.timelist_item{margin-top:5px;margin-bottom:2px;font-size:small;user-select:none;-webkit-user-select:none;-moz-user-select:none;cursor:pointer;padding:1px 25px 1px 7px}.datepicker>.datepicker_inner_container>.datepicker_timelist>div.timelist_item.out_of_range,.datepicker>.datepicker_inner_container>.datepicker_timelist>div.timelist_item.time_in_past{cursor:default;color:#ccc}.datepicker>.datepicker_inner_container>.datepicker_timelist>div.timelist_item.active{color:#fff;background-color:grey}.datepicker>.datepicker_inner_container>.datepicker_timelist>div.timelist_item.hover{color:#000;background-color:#c8c8c8}.datepicker_table td{padding:10px}