/*
Theme Name: APPA
Theme URI: http://914digital.com
Description: Bootstrap Starter Theme. Using Twitter Bootstrap 3. For Wordpress.
Author: Agile Pixel Studio
Author URI: http://914digital.com
Version: 1.0
License: MIT License
License URI: http://opensource.org/licenses/MIT
*/

body {
	font-family: 'Open Sans', sans-serif;
}
img {
	max-width:100%;
	height: auto;
}
.upper-pattern {
	background-image:url('/wp-content/themes/appa/img/pattern.png');
	background-repeat:repeat;
	width:100%;
	height:17px;
}
.upper-nav {
	padding:7px 0;
	border-bottom:1px solid #fff;
	background-color:#202835;
	color:#fff;
	text-transform: uppercase;
}
.upper-nav .umenu {
	float:right;
}
ul#menu-members li {
	float:left;
	list-style: none;
	margin: 5px 2px;
} 
ul#menu-members li a {
	padding:5px 10px;
	color:#fff;
	background-color: #fb6816;
	padding:3px 10px;
}
ul#menu-members li a:hover {
	background-color:#fd8c4c;
	text-decoration:none;
}
.cart-contents {
	float:right;
}
.main-banner {
	background-size:cover;
	width:100%;
	height:400px;
	position:relative;
}
.banner-text {
    text-align: center;
    padding: 20px 0;
    background-color: rgba(32, 40, 53, 0.58);
    color: #fff;
    font-weight: 300;
    position: absolute;
    bottom:0;
    right:0;
    left:0;
}
.banner-text h1 {
	margin-top:0;
}
.slider-container {
	padding:30px 0;
	text-align:center;
}
.slider-container h2 {
	font-size:18px;
	margin-bottom:0px;
}
.slider-container h2 a {
	color:#202835;
}
.slider-container p {
	font-size:12px;
}
.slick-slide {
	height:auto!important;
}
.slider .frame .cover {
	overflow:hidden;
	height:280px;
}
.slider .frame .cover img {
	width:400px;
	height:auto;
	border:2px solid #fff;
}
.page-banner {
	background-image:url('/wp-content/themes/appa/img/banner.jpg');
	height: 500px;
    width: 100%;
    background-size: cover;
    position: relative;
}
.page-banner h1 {
	text-align: center;
    color: #fff;
    text-transform: uppercase;
    background-color: rgba(32, 40, 53, 0.58);
    position: relative;
    top: 100px;
    left: 0;
    right: 0;
    padding: 10px 0 15px;
    margin: 0;
    font-size: 52px;
    font-weight: 300;
}
#content {
	padding:60px 0 90px;
}
.block {
	padding:30px 0;
	background-color:#eee;
	text-align:center;
}
.block .fa {
	font-size:29px;
}
.block.journal-cont {
	text-align:left;
}
.content-block {
	padding:30px;
	font-size:16px;
	background-color:#eee;
	margin-bottom:30px;
}
.content-block h2 {
	margin-top:0;
}
.tab-header {
	text-align:center; 
	border-bottom:1px solid #ccc;
	padding:15px 0;
	font-size:15px;
	font-weight:700;
	margin-bottom:30px;
}
.tab-header.tab-header-1 {
	display:none;
}
.tab-header p {
	margin-bottom:0;
}
.tab-header ol li {
	text-align:left;
}
.tab-header ul {
	margin:0;
	padding:0;
}
.tab-header ul li {
	text-align:left;
	float:left;
	list-style: none;
	margin-right:5px;
	font-weight:300;
}
.tab-header ul li:after {
	content:"|";
	display:inline-block;
	position:relative;	
	left: 2px;
}
.back-issues {
	background-color:#202835;
	padding:15px 0;
}
.back-issues h2 {
	color:#fff;
	margin:0;
	font-weight:300;
}
.back-issues .btn {
	background-color:#fb6816;
	color:#fff;
}
.footer-bot {
	background-color:#202835;
	color:#fff;
	text-align:center;
	padding:30px 0;
	font-weight:300;
}
.search-bar {
	margin-bottom:30px;
}
ul.state-menu {
	margin:15px 0 15px;
	padding:0;
}
ul.state-menu li {
	float:left;
	list-style:none;
	padding:0 5px;
}
ul.state-menu li:after {
	content:"|";
	display:inline-block;
	position:relative;
	left:3px;
	top:-1px;
}
.btn.web-btn {
	border: 1px solid;
    margin-top: 6px;
    padding: 3px 5px;
    font-size: 12px;
}
.btn-sidebar .btn {
	width:100%;
	margin-bottom:10px;
	background-color: #202835;
}
.btn-sidebar .btn:hover, .btn-sidebar .btn:focus {
	background-color:#3e4b61;
	color:#fff;
}
.menu-members-container {
	float:right;
}
.user-nav {
	padding:15px 0;
}
.user-nav .username {
	font-weight:bold;
	font-size:20px;
	position:relative;
	top:10px;
}
.user-nav .user-btns {
	float:right;
}
.user-nav .user-btns a.btn {
	display:inline-block;
	margin-left:10px;
}
.books-search {
	text-align:center;
	font-weight:300;
	font-size:18px;
	padding:30px 0;
}
.book-box h3 {
	font-size:14px;
	line-height: 21px;
}
.book-box h4 {
	font-size:12px;
}
.book-box p {
	font-size:11px;
	color: #777;
}
.book-search {
	display: flex;
    justify-content: center;
}
.block.top-footer {
	text-align: left;
}
.block.top-footer ul {
	text-align: left;
	padding: 0 20px;
}
.block.top-footer li {
	margin-bottom:15px;
}
.block.news {
	text-align:left;
}
.block.news h3 {
	margin-top:0;
}
.block.news h3 a {
	color:#202835;
}
.block.news hr {
	border-bottom:1px solid #202835;
}
.block.media {
	text-align: left;
	margin-top:0;
}
.block.media ul {
	padding:0
}
.block.media li {
	list-style: none;
	padding:0 15px 0 0;
	background-color:#ccc;
	width:100%;
	margin-bottom:15px;
}
.block.media li a {
	color: #4c4e50;
    text-decoration: none;
    font-size: 16px;
}
.block.media .fa {
	background-color: #777;
    padding: 15px;
    width: 60px;
    text-align: center;
    margin-right:20px;
    float:left;
}
.block.media .media-text {
	margin-top:9px;
}
ul.front-media {
	padding:0!important;
}
ul.front-media li {
	list-style:none;
	padding:0 5px 0px 0;
	width:100%;
	margin-bottom:5px;
}
ul.front-media li a {
	color: #4c4e50;
}
ul.front-media li .fa {
    padding: 5px;
    width: 40px;
    text-align: center;
    margin-right: 5px;
    font-size: 30px;
    float: left;
} 
.recent-event .event-info:nth-child(odd) {
	background-color: #eee;
    padding: 10px;
    margin-bottom: 15px;
}
.event-info h2 {
	font-size:23px;
	margin-top:0;
}
.sidebar {
	margin-bottom:60px;
	border-left: 1px solid #ccc;
    padding-left: 30px;
}
.sidebar #ajaxsearchpro1_1,
.sidebar #ajaxsearchpro3_1  {
	width:100%;
} 
.page-content {
	margin-top:30px;
}
.um-meta-text {
	text-align:justify!important;
}
/* -----------------------  Bootstrap Styles ---------------------------- */
.navbar-brand img {
	width:180px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
}
.navbar-default {
    background-color: #202835;
    border-color: transparent;
}
.navbar {
    position: relative;
    min-height: 80px;
    margin-bottom: 0px;
    border: 1px solid transparent;
}
.navbar-nav {
    float: right;
    margin: 15px 0;
}
.navbar-default .navbar-nav>li>a {
    color: #a5a4a4;
    font-size:12px;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #ccc;
    background-color: transparent;
}
.btn {
	border-radius:0;
	background-color: #fb6816;
	color:#fff;
}
.nav-tabs {
    border-bottom: 0;
}
.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: none;
    border-radius: 0;
    background-color: #888;
    color: #fff;
}
.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: #4f6c9c;
}
.nav-tabs>li {
    float: left;
    margin-bottom: 2px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #fff;
    cursor: default;
    background-color: #212936;
    border: none;
    border-bottom-color: transparent;
    border-radius: 0;
}

/* -----------------------  Chat Styles ---------------------------- */

.chat {
	padding:60px 0;
}

.chat-btn {
	padding: 15px;
    width: 100px;
    height: 100px;
    position: fixed;
    right: 0;
    top: 200px;
    background-color: #fff;
    border: 1px solid #000;
    text-align: center;
}

.chat-btn i {
	font-size:50px;
}

.pchat-widget-status-offline {
	display:none!important;
}

/* -----------------------  WOO Styles ---------------------------- */
.cart-contents:before {
    font-family:WooCommerce;
    content: "\e01d";
    font-size:22px;
    margin-top:10px;
    font-style:normal;
    font-weight:400;
    padding-right:5px;
    vertical-align: bottom;
    margin-left:10px;
}
.cart-contents:hover {
    text-decoration: none;
}
.cart-contents-count {
    color: #fff;
    background-color: #fb6816;
    font-weight: bold;
    border-radius: 10px;
    padding: 1px 6px;
    line-height: 1;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: top;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #fb6816;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    border-radius: 0;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #fb6816;
    color: #fff;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #7391c3;
}
.woocommerce-message {
    border-top-color: #7391c3;
}
.woocommerce-message::before {
    content: '\e015';
    color: #7391c3;
}
.um-profile-nav {
    display: none!important;
}
#product-3175 .amount {
	display:none;
}

.um .um-button {
    color: #ffffff;
    background-color: #202835;
}

.um-members-custom-grid .um-member {
    width: 23% !important;
    margin: 2.5% 1% !important;
    float: left !important;
    text-align: center !important;
    position: relative !important;
    top: unset !important;
    left: unset !important;
    max-height: 480px;
    min-height: 480px;
    padding:.5rem;    
}
.um-members-custom-grid .um-member-status {
    display:none
}

.um-directory .um-members-wrapper .um-members .um-member .um-member-card .um-member-name a {
    display: block !important;
}

.um-members-custom-grid .um-member .um-member-cover {
    background-color: #eee;
    box-sizing: border-box;
    position: relative;
    max-height:100px;
}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-connect a {
    display: inline-block;
    width: 30px !important;
    line-height: 30px !important;
    height: 30px !important;
    font-size: 16px !important;
}

.um-members.um-members-grid.um-members-custom-grid.masonry {
    height: auto !important;
}

.um-members-custom-grid .um-member .um-member-photo {
    padding: 0 0 20px 0;
    text-align: center;
}

.um-members-custom-grid .um-member.with-cover .um-member-photo a img {
    width: 90px;
    height: 90px;
    position: relative;
    top: -35px;
    margin-bottom: -45px;
    float: none;
    opacity: 1;
}

.um-members-custom-grid .um-member .um-member-photo a img {
    display: inline !important;
    border: 5px solid #fff;
    background: #fff;
    width: 140px;
    height: 140px;
    float: none !important;
}

.um-members-custom-grid .um-member .um-member-cover[data-ratio] {
    overflow-y: hidden;
}

.um-members-custom-grid .um-member .um-member-cover .um-member-cover-e {
    text-align: center;
    box-sizing: border-box;
}

.um-members-custom-grid .um-member .um-member-card .um-members-edit-btn {
    margin: 2px 0;
    height: 40px;
}

.um-members-custom-grid .um-member .um-member-card .um-members-edit-btn a.um-edit-profile-btn {
    padding: 10px 15px !important;
    transition: none !important;
    display: inline-block !important;
    margin: 0 auto !important;
    min-width: 110px;
    width: auto;
    text-align: center;
    font-size: 13px;
}

.um-members-custom-grid .um-member-name{
   display:block !important;
}

.um-members-custom-grid .um-member-name a{
    font-size: 16px;
    line-height: 26px;
    color: #444;
    font-weight: 700;
}

.um-members-custom-grid .um-member-meta-main {
    font-size: 13px;
    line-height: 22px;
    color: #999;
    padding: 0 15px;
}

.um-members-custom-grid .um-member-connect a {
    display: inline-block;
    width: 30px;
    line-height: 30px;
    height: 30px;
    -moz-border-radius: 999px;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    color: #fff !important;
    opacity: 0.85;
    margin: .5rem 1px;
    font-size: 16px;
    transition: 0.25s;
}

.chat-pop-wrapper {
    position:relative;
    width:250px;
    height:250px;
    position:fixed;
    right:0;
    bottom:50px;
    z-index:9999999;
}

.chat-pop-close {
    float:right;
    position:relative;
    bottom:9px;
    right:10px;
    color:#fff;
    font-size:20px;
    background-color:#202835;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    padding: 7px;
    cursor: pointer;
}

.chat-pop-glow-box {
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
    width:240px;
    height:240px;
    background-color: #fb6816;
  }

  @-webkit-keyframes glowing {
    0% { background-color: #fb6816; -webkit-box-shadow: 0 0 3px #fb6816; }
    50% { background-color: #fb6816; -webkit-box-shadow: 0 0 40px #fb6816; }
    100% { background-color: #fb6816; -webkit-box-shadow: 0 0 3px #fb6816; }
  }
  
  @-moz-keyframes glowing {
    0% { background-color: #fb6816; -moz-box-shadow: 0 0 3px #fb6816; }
    50% { background-color: #fb6816; -moz-box-shadow: 0 0 40px #fb6816; }
    100% { background-color: #fb6816; -moz-box-shadow: 0 0 3px #fb6816; }
  }
  
  @-o-keyframes glowing {
    0% { background-color: #fb6816; box-shadow: 0 0 3px #fb6816; }
    50% { background-color: #fb6816; box-shadow: 0 0 40px #fb6816; }
    100% { background-color: #fb6816; box-shadow: 0 0 3px #fb6816; }
  }
  
  @keyframes glowing {
    0% { background-color: #fb6816; box-shadow: 0 0 3px #fb6816; }
    50% { background-color: #fb6816; box-shadow: 0 0 40px #fb6816; }
    100% { background-color: #fb6816; box-shadow: 0 0 3px #fb6816; }
  }

.chat-pop-out {
    padding:15px;
    border:5px solid #fb6816;
    text-align:center;
    z-index:999999;
    background-color:#202835;
    color:#fff;
    font-weight: bold;
    font-size: 25px;
    transition:all .3s ease;
    width: 230px;
    height: 230px;
    display: block;
    margin: 0 auto;
    position: relative;
    top: 6px;
}

.chat-pop-out:hover,
.chat-pop-out:focus {
    text-decoration:none;
    opacity:.8;
    color:#eee;
}

.chat-pop-out i {
    display:block;
    font-size:90px;
    margin-bottom:10px;
    margin-top:7px;
}

#menu-item-37207 a {
    background-color:#fff!important;
    color:#202835!important;
}

#menu-item-37195 a:hover {
    opacity:.7;
}