/*
Theme Name:     inmate
Theme URI:	http://www.inmate.dev/
Description:	InMate Directory WP-Theme
Version:	1.0
Author:		CHRS Interactive
Author URI:	http://www.chrsinteractive.com/
*/

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

/* -- @MASTERHEAD/NAVIGATION -- */
header {width:100%;position:fixed;top:0;left:0;z-index:9999;-webkit-box-shadow: 0 8px 6px -6px #888;-moz-box-shadow: 0 8px 6px -6px #888;box-shadow: 0 8px 6px -6px #888;}

.header-inner {}
.header-inner-overlay {padding:10px 0;background-color:rgba(255,255,255,1);}

.header-ad {width:100%;max-width:728px;margin:0 auto 20px;background:#fff;}

.logo {display:block;width:150px;float:left;}
.logo img {display:block;}

/* Main Menu */
.mainNav {float:left;position:relative;margin-left:50px;margin-top:30px;}
.mainNav li {display:inline-block;font-size:15px;font-family:'Avenir-Black';margin-right:20px;}
.mainNav li a {display:inline-block;color:#4f5560;text-transform:uppercase;}
.mainNav li a:hover,
.mainNav li.current-menu-item a {color:#b5342b;}


/* Responsive Menu */
.mainNav,
.hide-mobile {display:none;}
nav.mobile {display:block;}

.nav-btn {float:right; margin:27px 0 0 0;width:20px;height:20px;padding:5px;text-align:center;cursor:pointer;border:none;background:none !important;}
.nav-btn .nav-btn-icon {display: block;width: 18px; height: 2px;-webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-color: #a43632; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s;}
.nav-btn .nav-btn-icon::before,
.nav-btn .nav-btn-icon:after { content: ''; width: 100%; height: 100%; position: absolute; background-color: #a43632; right: 0; -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s; -moz-transition: -moz-transform .3s, top .3s, background-color 0s; transition: transform .3s, top .3s, background-color 0s; }
.nav-btn .nav-btn-icon::before { top: -6px; }
.nav-btn .nav-btn-icon::after { top: 6px; }
.nav-btn .nav-btn-icon.is-clicked { background-color: rgba(255, 255, 255, 0); }
.nav-btn .nav-btn-icon.is-clicked::before,
.nav-btn .nav-btn-icon.is-clicked::after { background-color: #a43632; }
.nav-btn .nav-btn-icon.is-clicked::before { top: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.nav-btn .nav-btn-icon.is-clicked::after { top: 0; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); }



.close-nav {display:none;}
.cbp-spmenu { display: block; background: #222; position: fixed }
.cbp-spmenu h3 { color: #fff; font-size: 1.9em; padding: 20px 20px 20px 10px; margin: 0;}
.cbp-spmenu a { display: block; color: #fff; font-size: 14px; line-height: 1.2;text-decoration: none;border-bottom: 1px solid #a43632; padding: 10px }
.cbp-spmenu li.current-menu-item a, .cbp-spmenu a:hover {background:#a43632; }
.cbp-spmenu-vertical { width: 240px; height: 100%; top: 0; z-index: 1000 }
.cbp-spmenu-left { left: -240px }
.cbp-spmenu-left.cbp-spmenu-open { left: 0 }
.cbp-spmenu { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear }

.top-links {width:auto;float:right;margin-top:26px;}
.top-links li {display:inline-block;margin-left:10px;font-size:18px;color:#222;cursor:pointer;}
.top-links li a {color:#a43632;}

.search-bar {width:100%;display:none;position:absolute;top:100%;left:0;background:#eee;border-top:1px solid #ccc;transition:all 0.3s ease;z-index:-1}
.search-bar.active {display:block;}

.search-bar-inner {width:80%;max-width:800px;margin:20px auto;}
.search-bar-inner input {width:100%;background:#fff;border:none;}

.button,
button,
input[type=submit] {display:inline-block;height:40px;line-height:40px;padding:0 20px;background:#a43632;color:#fff;border:none;text-transform:uppercase;outline:none !important;}
.button:hover,
button:hover,
input[type=submit]:hover {background:#666;color:#fff;}

.searchform-wrap {position:relative;}
button.submit-search {width:40px;height:100%;position:absolute;top:0;right:0;padding:0;}

/* -- @CONTENT ---------------- */
.container-inner {padding:40px 20px;background:#fff;}
.banner-spacer {width:100%;height:80px;}
.header-spacer {height:80px;}

.inmate-archive-nav {width:100%;text-align:center;margin:-15px 0 20px;text-align:center;}
.inmate-archive-nav li {display:inline-block;}
.inmate-archive-nav li a {display:inline-block;margin:0 5px 10px 0;padding:0 10px;height:40px;line-height:40px;text-align:center;background:#a43632;color:#fff;}
.inmate-archive-nav li a:hover {background:#666;color:#fff;}

.profile-grid {padding:30px 0;margin-top:20px;border-top:1px solid #ccc;}
.profile-block {display:block;width:43%;max-width:200px;float:left;margin:0 3% 10px;position:relative;}

.profile-block img {display:block;}
.profile-block .profile-block-name {display:block;width:100%;padding:5px 10px;box-sizing:border-box;position:absolute;left:0;bottom:0;background:rgba(0,0,0,0.6);color:#fff;text-align:center;font-size:1.4rem;line-height:1.2;}
.Female .profile-block-name {background:rgba(220,94,130,0.9);}


.profile-block-overlay {display:none;width:100%;height:100%;padding:30% 10px 0;position:absolute;top:0;left:0;background:rgba(0,0,0,0.6);text-align:center;box-sizing:border-box;}
.profile-block-overlay span {color:#fff;line-height:1.6;font-size:18px;}

.link-ad {margin:15px 0;text-align:center;}

/*.profile-block:hover .profile-block-name {display:none;}*/
.profile-block:hover .profile-block-overlay {display:block;}


/* Inmate Single */
.inmate-nav {padding-bottom:20px;margin-top:-15px;}
.inmate-nav a {color:#222;font-size:1.2rem;}
.next-inmate {width:auto;float:left;}
.prev-inmate {width:auto;float:right;}

.inmate-title {color:#a43632;}
.inmate-title span {color:#606060;font-size:1.8rem;}

.inmate-gallery-slider {margin:0 auto 30px;position:relative;padding-bottom:30px;}
.inmate-gallery-slider ul {max-height:500px;overflow:hidden !important;}
.inmate-personal {padding-top:10px;padding-bottom:10px;margin-bottom:20px;border-top:1px solid #666;border-bottom:1px solid #666;}
.inmate-personal th,
.inmate-personal td {width:46%;text-align:left;padding:3px 4% 3px 0;vertical-align:top;line-height:1.4;font-size:1.4rem;}
.inmate-personal th {font-family:'Avenir-Black';font-weight:400;letter-spacing:0.5px;}
.inmate-address {font-size:1.3rem;line-height:1.4;}

.send-message {display:inline-block;padding:0 10px 0;margin-top:5px;height:35px;line-height:35px;font-size:1.6rem;font-weight:600;background:#a43632;color:#fff;position:relative;}
.send-message:hover {background:#666;color:#fff;}

.widget {padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #666;text-align:center;}

.premium-inmate-slider {position:relative;width:94%;padding:0 2%;margin-top:40px;}
.premium-inmate-slider ul {max-height:105px;overflow:hidden !important;}
.premium-inmate-slider ul li img {max-width:80px;}


/* Composer */
.composer-title {margin-bottom:7px;padding-bottom:7px;border-bottom:1px solid #666;color:#b5342b;}

.gform_wrapper .gf_page_steps {margin:0 !important;padding:0 !important;}
.gform_wrapper .gf_step {margin:0 !important;padding:0 20px !important;background:#eee;height:40px !important;line-height:40px !important;}
.gform_wrapper .gf_step span.gf_step_label, .gform_wrapper .gf_step span.gf_step_number {line-height:40px !important;}

/* -- @BLOG ------------------- */
.post-archive-block {margin-bottom:30px;border-bottom:1px solid #ccc;}

.post-archive-title {font-size:1.8rem;color:#666;margin-bottom:5px;}
.post-archive-title a,
.post-category {color:#666;}
.post-archive-title a:hover {color:#222;}

.blog-sidebar .widget {text-align:left;border:none;}
.blog-sidebar .widget h4 {font-size:1.8rem;background:#eee;padding:0 10px;line-height:30px;}
.blog-sidebar .widget li {margin-bottom:10px;padding-left:10px;position:relative;line-height:1.2;}
.blog-sidebar .widget li:before {content:"\f105";font-family:'FontAwesome';position:absolute;top:0;left:0;color:#222;}

/* -- @FOOTER ----------------- */
footer {padding:20px 0;}
.copy {font-size:1.2rem;margin:0;}
.copy a {color:#222;}

/* #Clearer
================================================== */
.clearer:after,
.container:after,
.row:after,
.mainNav:after,
.inmate-archive-nav:after{content: ""; display: table; clear: both;}
.entry {padding-bottom:40px!important;line-height:1.4em;}


@media (max-width: 599px) { 
	.banner-spacer {width:100%;height:40px;}
	.entry {padding-bottom:30px!important;}
	p  {font-size:0.85em;}
	
}