@import "../fonts/roboto/stylesheet.css";

/*
DeivS part
*/


/* Make Spotlight-3 background white, instead of grey */
.ja-sl-3 {
  background: transparent;
}

.ja-slideshow .container {
    padding: 20px 0 0;
}

.ja-ss-item {
    min-height: 221px;
}




/*********************************************************/
/* DeivS: Columns   							 : start */
/*********************************************************/

/* 1.1 - Columns. Columns division common to all  ----------------------------------------- */


/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col { margin: 1% 0 1% 0%; }
}



/* 1.1 - Columns. 2 columns part ----------------------------------------- */
.spn_2_of_2 { width: 100%; }
.spn_1_of_2 { width: 49.2%; }

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
	.spn_2_of_2, .spn_1_of_2 { width: 100%; }
}



/* 1.2 - Columns. 3 columns part ----------------------------------------- */
.spn_3_of_3 { width: 100%; }
.spn_2_of_3 { width: 66.13%; }
.spn_1_of_3 { width: 32.26%; }


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
	.spn_3_of_3, .spn_2_of_3, .spn_1_of_3 { width: 100%; }
}


/* 1.3 - Columns. 4 columns part ----------------------------------------- */
.spn_4_of_4 { width: 100%; }
.spn_3_of_4 { width: 74.6%; }
.spn_2_of_4 { width: 49.2%; }
.spn_1_of_4 { width: 23.8%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.spn_1_of_4, .spn_2_of_4, .spn_3_of_4, .spn_4_of_4 { width: 100%; }
}


/* 1.3 - Columns. 6 columns part ----------------------------------------- */
.spn_6_of_6 { width: 100%; }
.spn_5_of_6 { width: 83.06%; }
.spn_4_of_6 { width: 66.13%; }
.spn_3_of_6 { width: 49.2%; }
.spn_2_of_6 { width: 32.26%; }
.spn_1_of_6 { width: 15.33%; }
/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.spn_1_of_6, .spn_2_of_6, .spn_3_of_6, .spn_4_of_6, .spn_5_of_6, .spn_6_of_6 { width: 100%; }
}
/* 1 - Columns. END -------------------------------------- */





/*********************************************************/
/* DeivS: Front-members appearance  : start */
/*********************************************************/

div#cModule-TopMembers {
	text-align:left;
}

.listing-grid {
	border: 1px solid #DDDDDD;
	padding: 8px 3px 5px;
}

.listing-name-country {
	border-bottom:1px solid #DDDDDD;
	margin-bottom: 5px;
	height: 40px;
	font-weight:bold;
}

.listing-name { 
	font-size:14px; 
	line-height:18px; 
	color:#bcc92a; 
	margin-left: 5px;
}

.listing-country { 
	margin-left: 5px;
}

.listing-avatar {
	padding-left: 2px;
}

.frontendThumb-Avatar img {
    max-height: 140px;
    max-width: 140px;
}
	
	
	
/* Model spotlight features listing  */
li#box_style {
	border-bottom:1px dotted #CCCCCC;
	background: none;
	padding-left: 0;	
}

li#box_style_last {
	border-bottom:none;
	background: none;
	padding-left: 0;	
}

li#box_style a, li#box_style_last a{
	color: #BCC92A;
	/*color: #428731;*/
	font-weight: bold;
}

.listing-spotlightavatar {
	float: left;
	padding-left: 5px;
}

.listing-descr {
	min-height: 140px;
	padding-left: 160px;
}


/*********************************************************/
/* DeivS: Profile appearance */
/*********************************************************/
.pictures_in_profile {
	display: block;
	float:left;
	margin: 1% 0.95% 0.3% 0%;	/* 0.95, for 7 pictures */
}

.album_name {
	display: block;
	width: 100%;
	float:left;
	margin-top: 1%;
	font-weight: bold;	
}

.profile_header_text {
    color: #333;
    font-size: 90%;
    font-weight: 700;
    text-transform: uppercase;
}

/* No bullets on lists in frontpage */
ul#FrontPage {
	list-style-type: none;
}

/* Text appearance for "Most active models", etc. */
div#FrontPage-headlines {
	font-size: 130%;
	font-weight: bold;
	margin: 10px 0 10px;
}


/*
/* Profile tables
*/

table#profileTables td {
	border: none;
	padding: 2px 0 2px 0;
}

table#profileTables td#pi {
	width: 130px;
	text-align:right;
	padding-right: 5px;
	color: #5f73b3;
}

table#profileTables td#an {
	background-color: #F7F7F7;
	width: 130px;
}

.profileFieldsHead {
	text-align: center;
	font-weight: bold;
	margin: 5px 0;
}

.profileFieldsHead#no_center {
	text-align: left;
}


/*
* Profile tables: specializing in (check box) tables
*/
table#specializing_general #stulp1, 
table#specializing_nudity #stulp1,
table#specializing_general #stulp2, 
table#specializing_nudity #stulp2  {
	padding: 0 0 0 20px;
	min-width: 100px;
	border: none;
}

table#specializing_general {
	margin-bottom: 10px;
}

table#specializing_nudity {
	background-color: #FBF2F2;
}

table#specializing_general input.checkbox, table#specializing_nudity input.checkbox {
	margin: 0 10px 0 0;
}

/*
* Add some space after Background info
*/
.DeivS-js-about {
	margin-bottom: 10px;
}




/*********************************************************/
/* DeivS: site logo */
/*********************************************************/

.logo-image a {
  height: 100%;
  width: 100%;
}

small.site-slogan {
	display: block;
	letter-spacing: 1px;
}


/*********************************************************/
/* JomSocial icons in header and greeting text */
/*********************************************************/

a#GreetingIcons {
	padding-left: 0px	!important;
	
}

span.Greeting {
	font-size: 110%;
	font-weight: bold;
	color: #428731;
	text-transform: capitalize; /* Change first letter of user first name to upercase */
}



/*********************************************************/
/* DeivS: Log in modal window and Sign up window 		 */
/*********************************************************/


/* Sign up for BelleTFP text */
div.jomsocial h3.joms-page__title {
	font-size: 250%;
	text-align: center;
}

/* Arrange Facebook and Google buttons to the center one after another */
div.social-login {
	margin: 5px 0;
    text-align: center;
    width: 100%;
}

/* Center all the elements in the Log in box */
div.sclogin-joomla-login.vertical.span12 {
	text-align: center;
}

/* Sign up window: Sign up for BelleTFP text more black */
.joms-page__title {
    color: #444;
}

/* Login separator: ------- OR ------- */
.loginSeparator {
	color: #444;
	margin-bottom: 25px;
	text-align: center;
    width: 100%;
}

/* Login separator: ------- OR ------- */
.loginSeparator-linethru:before,
.loginSeparator-linethru:after {
	border-bottom: 1px solid #dfe0e6;
    content: "";
    display: inline-block;
    height: 30px;
    position: relative;
	top: -0.3em;
    width: 44%;
}


/* Space after Forgot password    Forgot username */
div#loginBoxes-Forgot {
	margin-bottom: 10px;
}

/* Log in button - appearance */
div#form-sclogin-submitcreate.control-group button {
    margin: 5px 0 10px;
	width: 87% !important;
	background: none repeat scroll 0 0 #00a8e6;
    border: medium none;
    color: #ffffff;
    display: inline-block;
    letter-spacing: normal;
    min-height: 30px;
    padding: 0 12px;
}


/***********************************************************/
/* DeivS: SCLogin module (appearance BEFORE user logs in)  */
/***********************************************************/
li#login.sourcecoast.sclogin-modal-links.sclogin {
	background: url("/images/buttons/login.png") no-repeat scroll 0 8px rgba(0, 0, 0, 0);
	padding-left: 5px;
}

li#login.sourcecoast.sclogin-modal-links.sclogin:hover {
	background: url("/images/buttons/login_hover.png") no-repeat scroll 0 8px rgba(0, 0, 0, 0);
	padding-left: 5px;
}

li#signup.sourcecoast.sclogin-modal-links.sclogin {
	background: url("/images/buttons/signup.png") no-repeat scroll 0 8px rgba(0, 0, 0, 0);
	padding-left: 5px;
}

li#signup.sourcecoast.sclogin-modal-links.sclogin:hover {
	background: url("/images/buttons/signup_hover.png") no-repeat scroll 0 8px rgba(0, 0, 0, 0);
	padding-left: 5px;
}

/***********************************************************/
/* DeivS: SCLogin module (appearance AFTER user logged in) */
/***********************************************************/

/* Make rounded (circle) avatar  */
div#scprofile-pic img {
	border-radius: 15px;
	box-shadow: 0 0 2px rgba(0, 0, 0, .8);
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .8);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, .8);
}


/**** Align all elements in one horizontal line, align them verticlaly to the middle *****/

/* Parent div height */
div.sclogin {
    height: 30px;
	margin-top: 10px; /* Move all elements down - this is only when showing after logged in, i.e. avatars, etc.*/
	/*float:left;*/
}



/* 1. Profile picture */
div.sclogin.sourcecoast div#scprofile-pic {
	float: left;
	margin-bottom: 0px;
	width: 40px;
}

/* 2. Greeting text */
div.sclogin.sourcecoast div.sclogin-greeting {
	float: left;
	line-height: 1.2em;
	max-width: 70px;
}

/* 2a. Greeting text */
div.sclogin.sourcecoast div.sclogin-greeting span.greetingText {
    display: table-cell;
    height: 30px;
    vertical-align: middle;
}

/* 3. Drop down Button position */
div.sclogin.sourcecoast div.scuser-menu.dropdown-view {
	margin-top:-15px;
	position: relative;
	top: 50%;
}
/**** Align all elements in one horizontal line, align them verticlaly to the middle. ****


/* Drop down button appearance - remove all the shadows and borders */
div.sclogin.sourcecoast div.scuser-menu.dropdown-view div.btn-group a.btn.dropdown-toggle {
	background: none;
	border: none;
	box-shadow: none;
	/*padding: 4px 7px;*/
	
}

/* Drop down button appearance - change the default icon to different one: fa-chevron-down */
div.sclogin.sourcecoast div.scuser-menu.dropdown-view div.btn-group a.btn.dropdown-toggle span.caret {
	border: medium none;
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	height: auto;
	line-height: 1;
	/*margin-top: 5px;*/
	width: auto;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #7f8c8d;
    margin-top: 0;
}

div.sclogin.sourcecoast div.scuser-menu.dropdown-view div.btn-group a.btn.dropdown-toggle span.caret:hover {
	color: #4d5a5a;
}


/* Drop down button appearance - change the default icon to different one: fa-chevron-down */
div.sclogin.sourcecoast div.scuser-menu.dropdown-view div.btn-group a.btn.dropdown-toggle span.caret:before {
   /*content: "\f078"; */ /* the icon content you want to use - we change caret to fa-chevron-down (f078)*/
   content: "\f013"; /* the icon content you want to use - we change caret to fa-cog (f013)*/
   font-size: 180%
   
}

/*  Required for other module (Jomsocial Notifications Toolbar) to be position next to this module 
	I.e. message, logout and other buttons must be on the right, not below */
div#AfterLogIn.sclogin.sourcecoast {
	float: left;
}







/*********************************************************/
/* DeivS: Contacts page */
/*********************************************************/

.contact {
	text-align: center;
}

form#contact-form {
	margin: 20px 0;
}

form#contact-form.form-validate.form-horizontal div.control-group {
    margin-bottom: 10px;
}

div.contact-form form#contact-form div.control-label {
	width: 50%;
}

div.contact-form form#contact-form div.controls {
    float: left;
    margin-left: 0;
    text-align: left;
    width: 50%
}

div.contact-form form#contact-form label {
	margin-right: 10px;
}

div.contact-form form#contact-form input,
div.contact-form form#contact-form textarea {
	margin-left: 10px;
}



/*********************************************************/
/* DeivS: JA Slideshow Lite module                          */
/*********************************************************/

.ja-ss-item img {
  width: 100%;
}

.ja-ss-desc {
  left: 415px;
  top: 20px;
  width: 55%;
}

.ja-ss-desc h3 {
	color: #aa2914;
	text-align: center;
	font-size: 210%;
	font-weight: bold;
}

div.ja-ss-desc p {
	color: #666600;
	font-size: 110%;
	font-weight: bold;
}

/* SlideShow mygtukas "Become a member"  */

div.button-action-cover {
    text-align: center;
    width: 100%;
}

span#call-to-action-1 {
	background: green none repeat scroll 0 0;
    border-radius: 5px;
	color: #f6f6f6;
    font-size: 150%;
    font-weight: bold;
    padding: 5px;
}

div.ja-ss-desc a:hover {
	text-decoration: none;
}

/*****************************************************************************/
/* DeivS: Typography. List style with big numbers. Used in some articles:    */
/* pvz.: Just joined? Take next important steps                              */
/*****************************************************************************/

p.blocknumber {
    line-height: 3;
	padding: 5px 0 5px 55px !important;
    position: relative;
}

.bignumber {
    display: block;
    font-size: 44px;
    font-style: italic;
    font-weight: bold;
    height: 40px;
    left: 0;
    line-height: 44px !important;
    position: absolute;
    text-align: center;
    top: 0;
    width: 44px;
}


/*********************************************************/
/* "Related articles" section after article              */
/*********************************************************/

span.name {
    display: none;
}

div#RelatedArticles.container  div.item-image {
	margin-bottom: 10px;
}


div#RelatedArticles.container .article-info dd.published span {
	font-weight: normal;
}


div#RelatedArticles.container {
	border-top: 5px solid #dddddd;
    margin-top: 30px;
}

div#RelatedArticles .category-name, div#RelatedArticles .category-name a {
    background: none repeat scroll 0 0 #690;
    color: #fff;
    float: left;
    font-weight: 700;
    margin-right: 5px;
    padding: 0 3px;
    text-transform: uppercase;
}


/*********************************************************/
/* Misceleniuos                                          */
/*********************************************************/


/* DeivS: Hide privacy change boxes in profile edit    */
div.form-privacy {
	display: none;
}

/* In articles limit pictures width to article's width (otherwise pictures
 are wider)    */
.pull-left {
    max-width: 100%;
}







/*********************************************************/
/* Rules for Responsive design                           */
/*********************************************************/

/* Log in / Sign Up buttons in new line */
@media  (max-width: 768px) {
/*@media  (max-width: 1100px) {*/
	.ja-search {
		width: 100% !important;
		float: left !important;
		position: relative !important;
	}

	.ja-search.span4 div#t3-mainnav.t3-mainnav div.navbar div.navbar-inner ul.nav {
		float: right;
	}
	
	.ja-search.span4 div#AfterLogIn.sclogin.sourcecoast {
		margin-left: 10%;
	}
	
	.ja-search.span4 div.joms-noti__jnotifications {
		float: right;
		margin-right: 10%;
	}
}