/*
Theme Name: bisexual
Version: 1.0
*/

/* get the fonts */
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);

html {overflow: -moz-scrollbars-vertical; overflow-y: scroll;}
body{ font-size:13px; background-color: #fff;  font-weight: 400; font-family: 'Open Sans', sans-serif;}
header { 
	/*background-image: url('images/header_bar_bg.png'); */
	background-repeat:no-repeat; background-position: top left; height: 132px; margin-bottom: 20px;}
h1, h2, h3, h4 ,h5, h6 { font-weight: 400; line-height: 1em; font-family: 'Montserrat', sans-serif !important;}

h1 { font-size: 22px; color:#472e85; text-transform: uppercase; font-weight: 400; margin:30px 0px 20px 0px;}
h2 {}
h3 { font-size: 18px; color:#472e85; }
h4 { color:#c3cf21;}
p { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 24px;}

h5 a { line-height: 1.4em;}
a { outline: 0 !important;}
a:active, a:focus  { text-decoration: none;}
div#news_section.span12 a.news_item p {font-family: 'Montserrat', sans-serif !important;}
div#news_section.span12 a.news_item p span {font-family: 'Open Sans',sans-serif; }
.button-primary, .gform_button, button, .button { background-color:#472e85; color:white; border: none; padding: 5px 13px  }
 .button-primary:hover, .gform_button:hover, button:hover, .button:hover{  background-color:#472e85; color:white; text-decoration: none;} 
.bottom_border { border-bottom: 4px solid #d7d7d7;}
/* clearer */
.no_border { border:0px !important;}
.normal_case { text-transform:none;}

.navbar { background-color: none; margin:0px; padding:0px; margin-top: 51px; width:100% !important; font-family: 'Montserrat', sans-serif !important; }
.nav { border: 0px !important;  box-shadow: none; background-image:none !important; background-color: none !important; margin:0px; padding:0px; padding-left: 300px;}
.navbar ul#menu-main-menu.nav li.menu-item {  text-transform: uppercase; margin-left: 29px;}
.navbar ul#menu-main-menu.nav li.menu-item a {color:#332a86; font-size: 14px line-height:1.5em;}
.navbar ul#menu-main-menu.nav li.menu-item a:hover { color:#ee2e24;} 
.navbar .nav > li > a { padding: 0px; margin: 0px; }

#special_menu { background-color: none; width:100% !important; }
.current-menu-item a {color:#ee2e24 !important; text-decoration: none;}


.nav-collapse { width:100% !important; background-color: white; }
/*.in.collapse #menu-main-menu { width:100%; padding:0px 0px 00px 0px; background-color: #d7d7d7; }
.in.collapse #menu-main-menu li { padding-top: 10px !important; padding-bottom: 10px !important;}*/
.navbar div#special_menu.pull-right button.btn { margin-top: -10px !important; margin-bottom: 10px;}

.navbar .nav > li:hover > .sub-menu { display: block;}
.nav ul {display: none;	overflow: hidden;width: 160px;background: #472E85;border-radius: 0px;margin: 0px;padding: 0;position: absolute; top: 100%;
z-index: 100000;}


ul#menu-main-menu.nav li.menu-item ul.sub-menu li {padding: 0px 0px 0px 00px; margin: 0px;}
ul#menu-main-menu.nav li.menu-item ul.sub-menu li a {padding: 4px 10px 4px 10px; margin: 0px; display: block; color:white;}
ul#menu-main-menu.nav li.menu-item ul.sub-menu li a:hover { text-decoration: none;}

ul#menu-main-menu.nav li.current-menu-item ul.sub-menu li a { color:white !important;}
ul#menu-main-menu.nav li.current-menu-item ul.sub-menu li a:hover { color:#ee2e24 !important;}

.slideshow { margin-bottom: 30px;}

#search { background-image: url('images/search_btn.png'); background-repeat:no-repeat; height: 18px; width: 18px; display: block;}

/* login nav above the logo */
.login_nav { margin-top: 24px; margin-left: 15px; font-family: 'Montserrat', sans-serif !important; }
.login_btn { margin-right: 0px !important;}
.login_nav li { list-style: none; float: right; display: inline-block; margin-right: 5px; border-left: 1px solid #b2b7bb; padding-left: 5px; line-height: 1em;}
.login_nav li a {font-size: 11px; color:#b2b7bb; padding: 8px 10px;}
.login_nav li a:hover {color:#ee2e24; text-decoration: none;}
.login_nav .name { text-transform: capitalize;}

/* references links nav */
.ref_nav {margin-top: 24px; font-family: 'Montserrat', sans-serif !important;}
.ref_nav li { list-style: none; float: left; display: inline-block; margin-right: 5px; border-left: 1px solid #b2b7bb; padding-left: 5px; line-height: 1em;}
.ref_nav li a {font-size: 11px; color:#b2b7bb;}
.ref_nav li a:hover {color:#ee2e24; text-decoration: none;}

#logo {width:271px; height:51px;background-image: url('images/logo.png'); margin-top: 20px; text-indent: -99999px; overflow: hidden; position: absolute; z-index: 1000;}

.featured_cols { display: block;}
.featured_cols h2 { color:#472e85; font-size: 18px;}
.featured_cols h3{ color:#00bce4; font-size: 14px; line-height: 1.4em;}
.featured_cols p { font-size: 12px; line-height: 1.4em; color:#333333; font-weight: 400;}
.featured_cols a { color:#ee2e24; text-transform: uppercase; font-size: 12px; text-decoration: none;}
.featured_cols a { text-decoration: none;}

.carousel-control  { top:92%; background-color: none; border-radius: 0px; border: none; width: 20px; color:black; background-color: transparent; z-index: 10000;}

/* Footer Section */
.footer_bar { border-top: 3px solid #d7d7d7; padding-top: 10px; margin-top: 30px; }
.footer {  color:#b2b7bb; font-size: 11px; padding-bottom: 10px}
.footer a {font-size: 11px; color:#b2b7bb;}
.footer a:hover {color:#ee2e24;}
.footer ul { float: left; margin-left: 5px;}
#donate { float: left; display: inline-block;}
.footer ul li { list-style: none; float: left; display: inline-block; margin-right: 10px;  margin-top: 6px;  border-left: 1px solid #b2b7bb; padding-left: 10px; line-height: 1em;}
.footer ul li a {font-size: 11px; color:#b2b7bb; text-transform: uppercase;}
.footer ul li a:hover {color:#ee2e24; text-decoration:none;}

#social { float:right; }
#social li { border:0px; margin:0px; float:left; padding: 0px; width:40px;}
#social a { margin:0px; padding: 0px; }

.banner { margin-bottom: 30px;}

/* Reference Section */
.reference { color:#00bce4; margin-bottom: 10px; display: block; height: 75px}
.reference:hover { color:#ee2e24; text-decoration: none;}
.min_thumb { width:55px; height: 55px; display: inline-block; float: left; margin-right: 10px;}


/* In-Depth Section */
.child_listing {  margin-left: 50px;}
.child_listing li {list-style: none; font-family: 'Montserrat', sans-serif !important; }
.child_listing li a {font-size: 12px; color:#b2b7bb; text-transform: uppercase; line-height: 2.3em;}
.child_listing li a:hover {color:#472e85; text-decoration: none;} 


/* Q&A Section */
.top_listing ul { margin: 0px; padding: 0px; font-family: 'Montserrat', sans-serif !important;}
.top_listing ul li {list-style: none; }
.top_listing ul li a {font-size: 12px; color:#b2b7bb; text-transform: uppercase; line-height: 1.1em; margin-bottom: 13px; display: block;}
.top_listing ul li a:hover {color:#472e85; text-decoration: none;} 
.top_listing ul li.current-cat a { color:#ee2e24;}
.questions { margin-left: 0px; }
.questions li {list-style: none; text-transform:normal; border-bottom: 2px solid #b2b7bb; margin-bottom: 10px; font-family: 'Montserrat', sans-serif !important;}
.questions li a {font-size: 14px; color:#00bce4; line-height: 1.8em; margin-bottom: 10px; display: block;}
.questions li a:hover { color:#472E85; text-decoration: none;}
#comment { font-size: 12px; color: black; width: 100%; height: 100px;}
.comment-form-comment { padding-right: 15px;}
.form-submit #submit { border: none; background-color:#00bce4; display: block; color:#fff; padding: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;}
.form-submit #submit:hover { background-color: #ee2e24; }

.single_comment { border-bottom: 3px solid #d7d7d7; margin-bottom: 20px; padding-bottom: 20px; }
.single_comment .photo {  -webkit-border-radius: 400px; -moz-border-radius: 400px;border-radius: 400px; height: 50px; width: 50px; display: block; float: left;}
.single_comment h3 { font-size: 13px; clear: both; display: block; text-transform: uppercase;} 
.single_comment p { }

.answers_list h1 { color:#00bce4; line-height: 1.3em;}

/* News Section */
#news_section { clear: both; width: 960px; margin-left: 10px; }
.news_item { width: 220px; margin: 10px; color:#00bce4; font-size:14px; float: left; -moz-box-shadow: 0 0 3px #d6d6d6; -webkit-box-shadow: 0 0 3px #d6d6d6; box-shadow: 0 0 3px #d6d6d6;}
.news_item p { display: block; padding: 15px;}

.featured_news { -moz-box-shadow: 0 0 3px #d6d6d6; -webkit-box-shadow: 0 0 3px #d6d6d6; box-shadow: 0 0 3px #d6d6d6; margin-bottom: 10px;}
.featured_news h3 { font-size: 18px; color: #00bce4; margin-bottom: 0px; margin-left: 15px; margin-top: 30px;}
.featured_news p { display: block; padding: 15px; color:black;}
.featured_news p:hover { color:black;}

.news_item .red, .featured_news .red{color:#ee2e24; clear: both; display: block; font-size:12px; margin-top: 5px;}
.news_item:hover { text-decoration: none; color:#00bce4;}

.news_options { list-style: none; float: right; margin-top: 14px;}
.news_options li { float: left; display: inline-block; margin-left: 10px;}
.news_options li a {}
.news_options #min_rss {background-image: url('images/min_mail_btn.jpg'); width:12px; height: 12px; display: block; margin-top: 3px; }
.news_options #min_mail {background-image: url('images/min_rss_btn.jpg'); width:12px; height: 12px; display: block; margin-top: 3px;}

/* People Section */
#people_area { height: 600px; position: relative;}
#filter_users { margin-top: 10px;}
#filter_options { background-color: #efefef; color:black; border: 0px; float:left; display: inline-block;}
#search-query { float: left; display: inline-block;}
#search_btn { background-color:#332a86; border: 0px; color:white; padding: 5px 10px 6px 10px; display: inline-block; float: left; margin-left: 10px; }
#order_f { float: right; display: block; margin-right: 20px;}
#order_f label { float: left; display: inline-block; width: 70px; margin-right: 10px; margin-top: 5px;}
#search_f { float: right; display: block;}

.user_circle{-webkit-border-radius: 1400px;-moz-border-radius: 1400px;border-radius: 1400px; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000; background-color: #472e85;  position: absolute; !important; z-index: 1; outline: 0; overflow: hidden !important;}


.user_circle .photo{left:50%; top:50%; min-width: 100% !important; height: auto; display: block; overflow: hidden !important;}

.user_circle.active { z-index: 1000; border: 5px solid #472e85;}

.user_circle .name { width: 270px; height: 150px; font-family: 'Montserrat', sans-serif !important; background-image: url('images/people_bg.png'); background-repeat: no-repeat; background-position: 10px 0px; text-transform:normal; color:white; overflow: hidden; position: absolute; z-index: 1001; top:200px; text-align: center; padding-top: 20px; font-size: 15px;}

.avatar { position:absolute; !important; overflow:hidden;  -moz-border-radius: inherit;  -webkit-border-radius: inherit;  border-radius: inherit; width: inherit; min-height:100%; }

p.small { font-size: 10px; line-height: 1.4em;}

.gform_body ul { list-style: none;}

#u1 {top:165px; left:330px; width: 270px; height: 270px;}
#u2 {top:285px; left:225px; width: 145px; height: 145px;}
#u3 {top:245px; left:580px; width: 145px; height: 145px;}
#u4 {top:380px; left:485px; width: 145px; height: 145px;}
#u5 {top:130px; left:245px; width: 145px; height: 145px;}
#u6 {top:220px; left:720px; width: 100px; height: 100px;}
#u7 {top:470px; left:660px; width: 100px; height: 100px;}
#u8 {top:480px; left:460px; width: 100px; height: 100px;}
#u9 {top:450px; left:280px; width: 100px; height: 100px;}
#u10 {top:430px; left:230px; width: 70px; height: 70px;}
#u11 {top:120px; left:580px; width: 70px; height: 70px;}
#u12 {top:150px; left:620px; width: 100px; height: 100px;}
#u13 {top:60px; left:370px; width: 70px; height: 70px;}
#u14 {top:140px; left:685px; width: 70px; height: 70px;}
#u15 {top:400px; left:350px; width: 70px; height: 70px;}
#u16 {top:300px; left:50px; width: 70px; height: 70px;}
#u17 {top:180px; left:780px; width: 70px; height: 70px;}
#u18 {top:460px; left:720px; width: 70px; height: 70px;}
#u19 {top:395px; left:600px; width: 70px; height: 70px;}
#u20 {top:165px; left:190px; width: 50px; height: 50px;}
#u21  {top:200px; left:120px; width: 100px; height: 100px;}

/* middle is 340 left is 450 */

#u22 {top:120px; left:495px; width: 70px; height: 70px;}
#u23 {top:400px; left:110px; width: 70px; height: 70px;}
#u24 {top:500px; left:220px; width: 70px; height: 70px;}
#u25 {top:30px; left:460px; width: 70px; height: 70px;}
#u26 {top:80px; left:110px; width: 70px; height: 70px;}
#u27 {top:195px; left:30px; width: 70px; height: 70px;}
#u28 {top:265px; left:890px; width: 50px; height: 50px;}
#u29 {top:300px; left:730px; width: 145px; height: 145px;}
#u30 {top:50px; left:720px; width: 100px; height: 100px;}
#u31 {top:120px; left:385px; width: 100px; height: 100px;}
#u32 {top:120px; left:175px; width: 100px; height: 100px;}
#u33 {top:380px; left:160px; width: 100px; height: 100px;}
#u34 {top:500px; left:120px; width: 50px; height: 50px;}
#u35 {top:330px; left:0px; width: 50px; height: 50px;}
#u36 {top:500px; left:400px; width: 50px; height:50px;}
#u37 {top:40px; left:700px; width: 50px; height: 50px;}
#u38 {top:465px; left:860px; width: 50px; height: 50px;}
#u39  {top:300px; left:110px; width: 100px; height: 100px;}
#u40  {top:520px; left:820px; width: 50px; height: 50px;}
#u41  {top:60px; left:20px; width: 50px; height: 50px;}
#u42  {top:420px; left:40px; width: 50px; height: 50px;}


.nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus {
    background-color: transparent;
}


.profile_image { -webkit-border-radius: 1400px;-moz-border-radius: 1400px;border-radius: 1400px; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000; overflow: hidden; width: 220px; height: 220px; }
.profile_image img { width: 300px !important; height: auto !important; max-width:120% !important; margin-left: -10%; margin-top: -10%; position: static; overflow: hidden;}

.people_grid { opacity: 0;}

.forgot_password { padding: 0px !important; margin-top: -5px; margin-bottom: 10px; display: block;}
.login_drop { width: 210px; height:220px; z-index: 10000; margin-left: -203px; margin-top: 4px; padding:10px 30px 0px 20px; border-top: 6px solid #472e85;}
.login_drop2 { width: 210px; height:460px; z-index: 10000; margin-top: 4px; padding:10px 30px 25px 20px; border-top: 6px solid #472e85; margin-left: -96px;  }
.gfield_description, .gfield_html { font-size: 10px; margin-bottom: 4px; margin-top: -5px;}
#bg_filler { width: 100%; height: 100%; position: absolute; z-index: 1009; display: none;}
.gfield_label, .gform_body label {font-family: 'Open Sans',sans-serif; font-size: 14px; font-weight: 400;}
#gform_1 { display: block; float: left; border: none; margin-left: 5px;}
.gfield { border: none !important;}
#gform_fields_1 {margin-left: -5px;}
.gfield_html { border-top: 2px solid #666; line-height: 1.4em !important; margin-top: 10px;}
#input_1_7_1_container label, #input_1_7_2_container label { margin-top: -10px; font-size: 10px;}
.gform_title {margin-left: -5px;}

.ad_btn { background-color:#472e85; color:white !important; 
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px; text-decoration: none;}

.blue {color:#00BCE4;}
.profile h1 { text-transform:none !important;}
.profile h3 { font-size:14px;}
.profile_details { margin-left: 30px; margin-top: 30px;}
.profile_details p { font-family: 'Montserrat', sans-serif !important; color:#472e85; text-transform: uppercase; }

textarea { width: 100%; min-height: 150px; }

#profile_form label { font-size: 16px; color:#472e85;}

label.error {
background-color: rgb(242, 222, 222);
border-bottom-color: rgb(238, 211, 215);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(238, 211, 215);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(238, 211, 215);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(238, 211, 215);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-style: solid;
border-top-width: 1px;
color: rgb(185, 74, 72);
display: block;
font-size: 14px;
line-height: 20px;
margin-bottom: 5px;
padding-bottom: 8px;
padding-left: 14px;
padding-right: 35px;
padding-top: 8px;
text-shadow: rgba(255, 255, 255, 0.498039) 0px 1px 0px;
}



.profile_pic { 
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}

.resources h5 a {
	color:#00BCE4;
}
.resources a {
	color:red;
}

.publications {
	min-height: 430px;
	border-bottom: 1px solid #eee;
}

.circle {
	height: 50px !important;
	width: 50px !important;
	overflow: hidden;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}

.infocus-article {
	min-height: 200px;
}

.button.blue_btn {
	background-color: #00BCE4 !important;
	color:#fff;
}



/**
 * 6.1 Widgets
 * ----------------------------------------------------------------------------
 */

.widget {
	background-color: rgba(247, 245, 231, 0.7);
	font-size: 14px;
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	margin: 0 0 24px;
	padding: 20px;
	word-wrap: break-word;
}

.widget .widget-title {
	font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
	margin: 0 0 10px;
}

.widget ul,
.widget ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.widget li {
	padding: 5px 0;
}

.widget .children li:last-child {
	padding-bottom: 0;
}

.widget li > ul,
.widget li > ol {
	margin-left: 20px;
}

.widget a {
	color: #bc360a;
}

.widget a:hover {
	color: #ea9629;
}

/* Search widget */
.search-form .search-submit {
	display: none;
}

/* RSS Widget */
.widget_rss .rss-date {
	display: block;
}

.widget_rss .rss-date,
.widget_rss li > cite {
	color: #a2a2a2;
}

/* Calendar Widget */
.widget_calendar table,
.widget_calendar td {
	border: 0;
	border-collapse: separate;
	border-spacing: 1px;
}

.widget_calendar caption {
	font-size: 14px;
	margin: 0;
}

.widget_calendar th,
.widget_calendar td {
	padding: 0;
	text-align: center;
}

.widget_calendar a {
	display: block;
}

.widget_calendar a:hover {
	background-color: rgba(0, 0, 0, 0.15);
}

.widget_calendar tbody td {
	background-color: rgba(255, 255, 255, 0.5);
}

.site-footer .widget_calendar tbody td {
	background-color: rgba(255, 255, 255, 0.05);
}

.widget_calendar tbody .pad, .site-footer .widget_calendar tbody .pad {
	background-color: transparent;
}



/*	--------------------------------------------------
:: TinyMCE Editor Styling
-------------------------------------------------- */
img.size-auto, img.size-large, img.size-full, img.size-medium {	max-width: 100%;	height: auto;}
.alignleft, img.alignleft {	display: inline;	float: left;	margin-right: 24px;	margin-top: 4px;}
.alignright, img.alignright {	display: inline;	float: right;	margin-left: 24px;	margin-top: 4px;}
.aligncenter, img.aligncenter {	clear: both;	display: block;	margin-left: auto;	margin-right: auto;}
img.alignleft, img.alignright, img.aligncenter {	margin-bottom: 12px;}
.wp-caption {	background: #f1f1f1;	border: none;	-khtml-border-radius: 0;	-moz-border-radius: 0;	-webkit-border-radius: 0;
    border-radius: 0;	color: #888;	font-size: 12px;	line-height: 18px;	margin-bottom: 20px;
    max-width: 632px !important; /* prevent too-wide images from breaking layout */
    padding: 4px;	text-align: center;}
.wp-caption img {	margin: 5px;}
input, textarea {	font-size: 12px;	line-height: 18px;}



@media (max-width: 979px) {
	.nav { padding-left: 15px;}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

	.nav ul { display: block; position: static;}	
	.nav ul.sub-menu { position: static; display: block; background-color: transparent; }
	ul#menu-main-menu.nav li.menu-item ul.sub-menu li a { color:#332a86 !important;  padding: 0px 0px 0px 20px;}
	ul#menu-main-menu.nav li.menu-item ul.sub-menu li a:hover { color:#ee2e24 !important;  }
	.login_nav {margin-left: 15px;}

}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.nav ul { display: block; position: static;}	
	.nav ul.sub-menu { position: static; display: block; background-color: transparent; }
	ul#menu-main-menu.nav li.menu-item ul.sub-menu li a { color:#332a86 !important;  padding: 0px 0px 0px 20px;}
	ul#menu-main-menu.nav li.menu-item ul.sub-menu li a:hover { color:#ee2e24 !important;  }
	.login_nav {margin-left: 0px;}
 }
 
/* Landscape phones and down */
@media (max-width: 480px) {
	#logo {  background-size:220px; width:220px; height: 41px;}
	.navbar div#special_menu.pull-right button.btn { margin-top: -20px !important; margin-bottom: 10px;}
	.nav { padding-left: 7px;}
	.nav ul.sub-menu { position: static; display: block; background-color: transparent; }
	ul#menu-main-menu.nav li.menu-item ul.sub-menu li a { color:#332a86 !important;  padding: 0px 0px 0px 20px;}
	ul#menu-main-menu.nav li.menu-item ul.sub-menu li a:hover { color:#ee2e24 !important;  }
	.login_nav {margin-left: 0px;}
 }