body {
    width: 100%;
}
.centered {
	display: block;
	margin-left: auto; 
	margin-right: auto; 
}

.centered2 {
  margin-left: 25%; 
  margin-right: 25%; 
}

.center-text {
	text-align: center;
}

.padding-areas {
  padding-top:0.8em; 
  padding-bottom:0.5em;
}

.padding-up {
  padding-top:1em; 
}

.margin-up-small {
	margin-top: 30px;
}

.bottom-small {
	margin-bottom: 12px;
}

 .height-em {
 	height: 3em;
 }

 .back-to-reports {
  margin-top: 6px;
  padding-top:8px; 
  display: inline-block;
 }

 .add-birth-data {
  margin-top: 6px;
  padding-top:8px; 
  float:right;
 }

 .scores {
  float:right;
  display: inline-block;
 }






.quality_container-big {
    width:418px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
  }

  .quality_container {
      float: left;
      width:180px;
      margin: auto;
      margin-top: 20px;
      margin-bottom: 20px;
      margin-left: 20px;
    }

  .quality-name {
    background: #ECF0F1;
    font-size: 17px;
    color: black;
    height: 50px;
    margin: 0;
    overflow: hidden;
    padding-top: 3px;
    padding-left: 8px;
    text-align: left;
    /*text-transform: capitalize;*/

    /*text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis; 
    overflow: hidden;
    white-space: nowrap; */
  }

  .quality-value {
    background: #ECF0F1;
    height:50px;
    font-size: 17px;
    color: black;
    line-height: 1em;
    margin: 0;
    padding-top: 7px;
    padding-right: 8px;
    text-align: right;
    
    /*text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis; 
    overflow: hidden;
    white-space: nowrap;*/
  }


  .quality-image {
    float:left;
    width:180px;
    height: 111px;
    border:1px solid grey;
  }




.td-innate
{
  font-size: 20px;
  padding:5px;
  margin-right: 0px;
  text-align:right; 
  width:218px;
}

.td-innate-bar
{
  font-size: 20px;
  padding:5px;
  margin-right: 0px;
  text-align:left; 
  width:290px;
}


.td-innate-align-left
{
  font-size: 20px;
  padding:5px;
  margin-right: 0px;
  text-align:left; 
}

.innate-sub-quality-bar {
  float: left;
}

  .innate_container {
    width: 280px ;
    padding-top: 0px;
    margin-bottom: 10px;
    margin-left: auto ;
    margin-right: auto;
    border:1px solid blue;
    clear: both;
  }

  .innate-name {
    background: #ECF0F1;
    height:40px;
    font-size: 22px;
    color: black;
    margin-top: 0px;
    padding-top: 5px;
    padding-left: 8px;
    text-align: left;
  }


  .innate-value {
    background: #ECF0F1;
    height:40px;
    font-size: 22px;
    color: black;
    line-height: 0.7em;
    margin: 0;
    padding-top: 7px;
    padding-right: 8px;
    text-align: right;
  }

  .innate-image {
    width:280px;
    height: 173px; 
    border:1px solid grey;
  }

.table-bars {
  clear:both;
  margin-bottom: 60px;
}


  .quality-people-icon {
    background: LightGrey; 
    float:right; 
    width:98px; 
    height: 76px;
  }

  .quality-people-icon img {
    display: block;
    margin: auto;
    margin-top: 3px;
  }


/* SHADOW/GLOW TRANSITIONS */
/* Glow */
.glow {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(12,49,131, 0);
}
.glow:hover, .glow:focus, .glow:active {
  box-shadow: 0 0 8px rgba(12,49,131, 0.6);
}

.elgg-avatar-large > a > img {
    width: 160px;
    height: 160px;
}


/* Premium page tweaks */
.info-thumbnail .pricing-head .pricing-head-body .price-wrapper .price {
    font-size: 28px;
    line-height: 34px;
}


.info-thumbnail .pricing-head .pricing-head-body .price-wrapper .price-theme {
    font-size: 32px;
    line-height: 36px;
}

.front .info-thumbnail-link .thumbnail img {
    width: 100%;
}

/*
.info-thumbnail .caption .buttons {
    margin-top: 10px;
    margin-bottom: 0;
    text-align: right;
    position: absolute;
    right: 20px;
    bottom: 20px;
}

*/


/* Premium classes */
.pricing-list-x {
    list-style-type: none;
    padding: 0;
    max-height: 1200px;
}
.pricing-list-x li:before {
    content: "\f00d";
    font-family: FontAwesome;
    margin-left: 5px;
    margin-right: 5px;
    color: red;
}

.pricing-list {
    max-height: 1200px;
    overflow: auto;
}

.pricing-list-theme {
    max-height: 750px;
    overflow: auto;
}


body.settings .pricing-list,
body.pdfs .pricing-list 
{
    height: 600px;
}

body.pricing .pricing-list
{   
    height: 600px;
    overflow-y: auto;
}

div.responsive-slider-parallax p.sub {
    top:10%;
}

/* Frontpage on small screens */
@media screen and (max-width: 667px) {
    /*div.blurbrow p.description {
	display: none;
    }*/
    
    div.responsive-slider-parallax h1 span {
	font-weight: 300 !important; 
	font-size: 100% !important;
	top: 0 !important;
    }
    
    div.responsive-slider-parallax p.sub {
	display: none;
    }
    
    div.slide-body div.caption {
	top: 0px !important;
    }
    
    div#profile-details {
	clear: both;
    }
}

div.field-visibility label {
    display: inline;
}

div.field-visibility input[type=checkbox]
{
/* Double-sized Checkboxes /*/
-ms-transform: scale(1.5); 
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5); 
-o-transform: scale(1.5); 
transform: scale(1.5);
padding: 10px;
margin-left: 10px;
}

div.field-visibility label
{
font-size: 110%;
display: inline;
}

/** Logged out menu tweaks */
.logged-out ul.navbar-nav li.elgg-menu-item-login a,
.logged-out ul.navbar-nav li.elgg-menu-item-register a,
.logged-out ul.navbar-nav li.elgg-menu-item-blog a {
    font-size: 1.2em !important;
}

nav#mainMenu ul.navbar-nav a.elgg-menu-content {
    padding-left: 8px;
    padding-right: 8px;
}

@media (max-width: 767px) {
    /* .navbar .nav.navbar-nav > li  {
        padding-top: 5px;
        padding-bottom: 5px;
    } */

    .navbar .nav.navbar-nav > li > a {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .navbar .nav.navbar-nav > li > a:hover {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .navbar.scroll .nav.navbar-nav > li > a:hover,
    .navbar.scroll .nav.navbar-nav > li > a {
        padding-top: 5px;
        padding-bottom: 5px;
    }

}


div.navbar-header button.navbar-toggle {
    font-size: 16px;
}

div.navbar-header .btn:hover, .btn:focus {
    /* color: #eee; */
    text-decoration: none;
}

.navbar-collapse {
    max-height: inherit;
}

div.run-reports {
	display: inline;
}


body.front nav.navbar-fixed-top {
    background-color: #000;
    color: #fff;
}

body.front div.language_selector {
    margin-top: 10px;
    margin-bottom: 10px;
    
}

.info-thumbnail .special {
    min-height: 45px;
}

.pricing2 .info-thumbnail .special {
    min-height: 140px;
}

.pricing2 .info-thumbnail .special-centre { 
    
    display: flex;
    align-items: center;
    justify-content: center;
}
.pricing2 .buy-button {
    padding-bottom: 20px;
}

.pdfs .info-thumbnail-link {
    height: 1050px;
}

.pdfs .pdf-detail-controls .info-thumbnail-link {
    height: auto;
}

.pricing .info-thumbnail-link {
    height: 1150px;
}


.info-thumbnail .special a.active {
    font-weight: bold;
    text-decoration: underline;
}

.info-thumbnail .special h3.active { 
    background-color: #8f7200;

}

@media screen and (max-width:500px) {
    .info-thumbnail .special {
	height: inherit;
    }
}

section.frontpage-blurb p.buttons a {
     margin-bottom: 5px;
}

@media screen and (max-width:349px) {
    div.language_selector img {
	width: 12px;
    }
}

@media screen and (min-width:350px) and (max-width: 400px) {
    div.language_selector img {
	width: 16px;
    }
}

@media screen and (max-width:768px) {
    body.front div.navbar-collapse div.language_selector {
	display: none;
    }
    
    body.front div.navbar-header div.language_selector {
	display: block;
	margin-top: 0px;
    
    max-width: 200px;
    }
}
@media screen and (min-width:769px) {
    body.front div.navbar-collapse div.language_selector {
	display: block;
    
    max-width: 200px;
    }
    
    body.front div.navbar-header div.language_selector {
	display: none;
    }
}

@media screen and (min-width: 300px) {
    
    section.frontpage-blurb h1 {
	font-size: 18px !important;
    }
    
    
}

@media screen and (min-width: 668px) {
    div.responsive-slider-parallax h1 {
	top: 10% !important;
	font-size: 30px !important;
    }
    
    div.slide-body div.caption {
	top: 10% !important;
    }
    
    section.frontpage-blurb h1 {
	font-size: 30px !important;
    }
}

@media screen and (min-width: 800px) {
    div.slide-body div.caption {
	top: 27% !important;
    }
    
    div.blurbrow a.info-thumbnail-link p.description {
	min-height: 135px;
    }
}

div.blurbrow p.buttons br {
    display: none;
}

.panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
	border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}

/********************************************************************/
/*** PANEL PRIMARY ***/
 .nav-tabs > li > a,
 .nav-tabs > li > a:hover,
 .nav-tabs > li > a:focus {
    color: #777;
}
 .nav-tabs > .open > a,
 .nav-tabs > .open > a:hover,
 .nav-tabs > .open > a:focus,
 .nav-tabs > li > a:hover,
 .nav-tabs > li > a:focus {
	color: #fff;
	background-color: #3071a9;
	border-color: transparent;
}
 .nav-tabs > li.active > a,
 .nav-tabs > li.active > a:hover,
 .nav-tabs > li.active > a:focus {
	color: #428bca;
	background-color: #fff;
	border-color: #428bca;
	border-bottom-color: transparent;
}
 .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #428bca;
    border-color: #3071a9;
}
 .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #fff;   
}
 .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
 .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #3071a9;
}
 .nav-tabs > li.dropdown .dropdown-menu > .active > a,
 .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
 .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    background-color: #4a9fe9;
}


.scrollable-menu {
    height: auto;
    max-height: 240px;
    overflow-x: hidden;
}

div.error-404 {
    margin-top: 20px;
}


div.site-tour div.col-md-10 {
    margin-bottom: 10px;
}

div.site-tour section {
    padding: 10px 0 10px 0;
}

/* Avatar edit responsiveness tweak */
body.profile_edit div.elgg-image-block div.elgg-body {
    min-width: 50%;
}
#current-user-avatar {
    border-right: 1px solid #ccc;
}


.elgg-menu-item-profile-edit {
    margin-right: 10px;
}

/* Dropdown menu tweak */
.ui-autocomplete .ui-menu-item a {
    padding-top: 6px;
    padding-bottom: 6px;
}


/* Map menu override */
.leaflet-popup-content .elgg-menu-entity-default {
    display: none;
}


/* Tweak activity menu */
body.activity li.elgg-menu-item-mine {
    display: none;
}

body.blog li .elgg-menu-item-content-subscription-subscribe,
body.blog li .elgg-menu-item-content-subscription-unsubscribe,
body.activity .elgg-menu-item-content-subscription-subscribe,
body.activity .elgg-menu-item-content-subscription-unsubscribe {
    display: none;
}

/** Tweak site menu for small screens */
ul.nav-smallscreen {
    display: none;
}
@media screen and (max-width:768px) {
    ul.nav-fullscreen {
	display:none;
    }
    ul.nav-smallscreen {
	display: block;
    }
}

.qmark-cursor {
  cursor:help;
}

div.pre-title {
    margin-top: 15px;
}

@media screen and (max-width:500px) {
    body.activity div.pre-title {
	margin-top: 20px;
    }
}


#most-important-planet-carousel {
    /*height: 480px;*/
    /*width: 480px;*/
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

div.carousel div.essay {
    height: 150px;
    overflow: scroll;
    overflow-x: hidden;
}

div.exp-blurb {
        max-width: 480px;
    margin-left: auto;
    margin-right: auto;
    max-height: 360px;
    overflow: auto;
    margin-bottom: 20px;
}

div.carousel-caption h3 {
    text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
}

.carousel-indicators li {
    border-color: #000;
    border-width: 2px;
}

div.birthdate select {
        max-width: 105px;
    display: inline;
}

div.birthhourminute select {
    max-width: 110px;
    display: inline;
}

div.birthminute select {
    max-width: 70px;
    display: inline;
}

body.report div.birthminute select {
    max-width: 105px;
    font-weight: normal;
}

.twelveandus-blog-widget div.gender select {
    max-width: 150px;
}

div.poll_post input {
    margin-right: 30px;
}


div.social-login img {
    padding: 5px;
}

    
    
    
div#site-announcements-site {
    z-index: 20;
    /* margin-top: 100px; */
    position: absolute;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    top: 100px;
    right: 300px;
}

div#site-announcements-site .elgg-state-notice {
    background-color: #76c0f6;
}

div#site-announcements-site a {
    color: #555
}

@media screen and (max-width: 980px) {
    
    div#site-announcements-site {
	    top: 150px;
	    position: absolute;
	    z-index: 20;
	    right: 20px;
    }   
}

@media screen and (max-width: 758px) {
    div#site-announcements-site {
	    top: 100px;
	    left: 10px;
    }  
}

@media screen and (max-width: 500px) {
    div#site-announcements-site {
	width: inherit;
    }
}

@media screen and (max-width: 400px) {
    .navbar-toggle {
	margin-right: 0px;
    }
    
    .navbar-brand {
	margin-right: 0px;

padding-right: 0px;
    }
    
    .navbar-brand img {
	margin-right: 0px !important;
	padding-right: 0px !important;
    }
}



body.members h2.elgg-heading-main {
    display: none;
}

div.members-search-list {
    
}

div.members-search-list h2 {
        font-size: 20px;
}

div.members-search-list img {
    max-width: 60px;
    max-height: 60px;
    margin-right: 10px;
}

div.members-search-list div.more {
    width: 60px;
    
}

div#search-results .results-count {
    float: left;
    /* margin-top: 28px; */
    margin-right: 10px;
}

div#search-results .pagination:first-of-type {
    float: left;
}

div#search-results li.elgg-menu-item-instagram,
div#search-results li.elgg-menu-item-friend-request,
div#search-results li.elgg-menu-item-add-friend,
div#search-results li.elgg-menu-item-remove-friend,
div#search-results li.elgg-menu-item-banned
{
    display: none;
}

div#search-results .user-banned {
    text-decoration: line-through;
}

/* Fix for theme PDF product box alignment issues - SIMPLIFIED VERSION */
.pdf-product {
    margin-bottom: 20px;
    min-height: 550px;
}

/* Completely disable automatic clearing that may be causing issues */
.pdf-product {
    clear: none !important;
}

/* Make sure product boxes have consistent heights */
.info-thumbnail-link-theme {
    height: 100%;
}

.info-thumbnail-link-theme .thumbnail {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.info-thumbnail-link-theme .caption {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.info-thumbnail-link-theme .description {
    flex-grow: 1;
}

/* Clear section headers to ensure proper sections */
.title-container {
    clear: both;
    width: 100%;
    float: none;
}

/* For desktop view - use float:none and display:inline-block to force proper grid behavior */
@media (min-width: 992px) {
    .pdf-product {
        float: none !important;
        display: inline-block;
        vertical-align: top;
        margin-right: -4px; /* Fix inline-block whitespace issue */
    }
    
    /* Add a wrapper to ensure rows break correctly */
    .container:after {
        content: "";
        display: table;
        clear: both;
    }
}

/* For tablet view */
@media (min-width: 768px) and (max-width: 991px) {
    .pdf-product {
        float: none !important;
        display: inline-block;
        vertical-align: top;
        margin-right: -4px;
    }
}

/* Make product boxes have consistent heights */
.info-thumbnail-link-theme {
    height: 100%;
}

.info-thumbnail-link-theme .thumbnail {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.info-thumbnail-link-theme .caption {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.info-thumbnail-link-theme .description {
    flex-grow: 1;
}

div.advanced-search-box h2 {
    margin-top: 0px;
}

div.question-cantask a {
    font-weight: bold;
    text-decoration: underline;
}

div.question .elgg-river-comments {
    margin-top: 5px;
    margin-bottom: 5px;
}

div.question .elgg-river-comments li {
    padding-bottom: 2px;
}

div.question .elgg-form-comment-save {
    
}

div.question .elgg-form-comment-save input {
    margin-bottom: 5px;
}

div.question .ajax-comment textarea {
        height: 100px;
}

div.report-tabs .info-thumbnail .caption {
    padding: 14px;
}

div.report-tabs .info-thumbnail .caption h3 {
    font-size: 16pt;
}

div.report-tabs .info-thumbnail .caption .description {
    overflow: auto;
}

div.astro-controls div.thumbnail {
    max-height: 620px;
    /*overflow: hidden;*/
}

div.astro-controls h3 {
    margin-top: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.astro-controls p.buttons .calculate {
    font-size: 1.2em;
}

.loggedout .pdf-display .caption {
    
    /* max-height: 515px; */

}

.loggedout .pdf-display .caption form {
    overflow: auto;
    overflow-x: hidden;
    /* max-height: 395px; */
}


.loggedout div.astro-controls div.thumbnail label,
.loggedout .pdf-display .caption form label {
    font-size: 0.8em;
}

.loggedout div.astro-controls div.thumbnail label {
    width: 100%;
}

.loggedout .pdf-display .birthdate span.divider {
    display: none;
}

.loggedout .pdf-display select[name^="birthhour"] {
    min-width: 150px;
    width: auto;
}

.loggedout .pdf-display div.birthminute select {
    max-width: 125px;
}

.loggedout .pdf-display div.birthminute select.minutes {
    max-width: 70px;
}

.loggedout div.astro-controls div.thumbnail,
.pdf-display div.astro-controls div.thumbnail {
    max-height: 1500px;
}


.compare-with .dropdown-menu a {
    white-space: normal;
}

.pdf-processing .btn-danger,
.pdf-processing .btn-primary {
    display: none;
}

.pdf-generated .btn-disabled {
    display: none;
}

.pdf-processing .details p {
    opacity: 0.6;
}


@media screen and (max-width:400px) {
    
    .pdf-display div.astro-controls {
	padding: 0px;
    }
    
    .loggedout .pdf-display .caption {
	padding-left: 7px;
	padding-right: 7px;
    }
}

div#study-relationshipqualities div.person1 {
    padding-bottom: 16px !important;
}

div#study-forecast div.person1 {
    padding-top: 10px;
}

.elgg-river-item form {
    height: inherit;
}

.elgg-river-item input[type=text] {
    width: 100%;
    margin-bottom: 5px;
}

.elgg-river-item input[type=submit] {
    margin: 0px;
}



img.status-icon {
    float: right;
    position: relative;
    top: -25px;
}


horoscope-wait {
    background-color: #FF8D1C;
}


div#profile-details .visibility {
    clear: both;
}

.instagram-entry {
    width: 100px;
    height: 100px;
    margin: 5px;
    /*float: left;*/
    display: inline-block;
}

.instagram-entry img {
    width: 100px;
    height: 100px;
}

div.profile-menu  li.elgg-menu-item-send a,
div.user-meta-top li.elgg-menu-item-send a,
li.elgg-menu-item-instagram a {
    padding: 0px;
}
div.profile-menu  li.elgg-menu-item-send a,
div.user-meta-bottom li.elgg-menu-item-send a,
div.user-meta-top li.elgg-menu-item-send a {
    padding-top: 0px;
    padding-left: 0px;
    margin-left: 10px;
}

li.elgg-menu-item-instagram  {
    padding-left: 10px;
}

li.elgg-menu-item-instagram img {
    /*width: 56px;*/
}

div.user-meta-top li,
div.user-meta-bottom li {
    display: inline-block
}
div.profile-menu  li.elgg-menu-item-send a,
div.user-meta-bottom li.elgg-menu-item-send a {
    padding-right: 0px;
    margin-right: 0px;
}
div.user-meta-bottom div.run-general-report {
    margin-left: 15px;
}

div.profile-menu {
    width: 160px;
}
div.profile-menu img {
    margin-bottom: 10px;
}
div.profile-menu li.elgg-menu-item-befriend a,
div.profile-menu div.run-general-report,
div.profile-menu li.elgg-menu-item-send a,
div.profile-menu li.elgg-menu-item-instagram  {
    padding-left: 0px;
    margin-right: 10px;
}


.nav-message-extra {
    /*margin-right: 15px;*/
    margin-right: 2px;
    padding: 9px 5px;
    margin-top: 8px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

@media screen and (min-width:768px) {
    .nav-members-extra,
    .nav-message-extra {
	    display: none;
    }
    
}

@media screen and (max-width:768px) {
    .elgg-menu-item-language .dropdown-menu {
        right: inherit;
        max-height: 495px;
        overflow-y: auto;
    }
}


div.notification-notifications_gdpr_none {
    border: 1px solid #ccc;
    padding: 5px;
    background-color: #eee;
    margin-bottom: 20px;
}


div.plutokens-page h3 {
    padding-bottom: 10px;
    border-bottom: 2px solid #aaa;
}

div.plutokens-page h3 img {
    display: inline-block;
    width: 30px;
}

div.plutokens-row {
    padding-top: 5px;
    padding-bottom: 00px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    border-bottom: 1px solid #ccc;
}

div.plutokens-disabled p {
    color: #aaa;
}

div.plutokens-spend img {
    width: 70px;
}

div.plutokens-page div.plutokens-bit {
    overflow: hidden;
}

div.plutokens-page div.transactions {
    overflow: auto;
    max-height: 400px;
}

div.question-content input.btn-primary {
    height: inherit;
}

div.plutokens-page span.plutokens img {
    width: 25px;
}

img.meme-image,
img.plutoken-image,
li.elgg-menu-item-plutokens img {
    width: 25px;
}

.meme-blurb {
    margin-top: 30px;
}
.meme-blurb p {
    text-align: center;
}

li.elgg-item-object-plutoken_transaction div.message {
    margin-bottom: 0px;
}

li.elgg-item-object-plutoken_transaction div.message div.date {
    color: #aaa;
    text-align: right;
    font-style: italic;
    font-size: small;
}

div.plutokens-page .elgg-list {
    border-top: none;
}

li.elgg-item-user {
    padding-top: 10px;
} 

div.instagram > .instagram {
    min-height: 110px;
}



.elgg-menu-message-ex-default li {
    margin-left: 5px;
}


@media screen and (max-width:768px) {
    .blog h2 img,
    .blog h1 img,
    .embed-insert img {
        max-width: 100%;
        height: auto;
    }
}


.blogwidget-iframe {
    width: 100%;
    
}

.blog-signup .input-group .form-control {
    z-index: 0;
}

.twelveandus-blog-widget  .elgg-input-plaintext {
    height: 100%;
}

.blog-widget .info-thumbnail .special {
    display: table-cell;
    height: 95px;
    vertical-align: middle;
    width: 100vw;
}


body.loggedout .blog-widget .inner-widget {
    margin-top: 10px;
    padding: 10px;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    /*border-radius: 10px;*/
}

.blog-widget div.control {
    margin-bottom: 10px;
}

.blog-widget div.control p {
    font-weight: 400;
}

.blog-widget .inner-widget .caption ul {
    list-style-type: none;
}

.blog-signup .caption,
.blog-widget .inner-widget .caption {
    min-height: 56rem;
}

.blog-signup {
    margin-top: 6rem;
}

.blog-widget .inner-widget p.my-pdfs {
    display: none;
}

.divider-landing
{
    position: relative;
    margin-top: 25px;
    margin-bottom: 5px;
    height: 1px;
}

.divider-transparent:before
{
    content: "";
    position: absolute;
    top: 0;
    left: 5%;
    right: 5%;
    width: 90%;
    height: 1px;
    background-image: linear-gradient(to right, transparent, rgb(48,49,51), transparent);
}


.divider-dot:after
{
    content: "";
    position: absolute;
    z-index: 1;
    top: -9px;
    left: calc(50% - 9px);
    width: 18px;
    height: 18px;
    background-color: goldenrod;
    border: 1px solid rgb(48,49,51);
    border-radius: 50%;
    box-shadow: inset 0 0 0 2px white,
                    0 0 0 4px white;
}




.chart-text .chart img {
    display: none;
}

.chart-image span {
    display: none;
}



.instagram-sidebar .instagram-entry {
    float: left;
}

.instagram-sidebar.well {
    background-color: initial;
    border: none;
    border-radius: initial;
}

.promo .description {
    margin-top: 30px;
    margin-bottom: 35px;
    
    
}

.promo .award-button {
    
}


.payment .input-group-addon:last-child {
    background-color: #428bca;
    border-color: #357ebd;
    cursor: pointer;
}

.payment .input-group-addon .input-group-text {
    color: #fff;
}


.pricing-head .per {
    font-size: 1.2em !important;
}

.pricing-head .smallerprice {
    font-size: 1.3em !important;
}

.pricing-head .mediumsizeprice {
    font-size: 1.5em !important;
}

.pricing-head .perpdf {
    font-size: 1.0em !important;
}


.pricing-head .perebooks {
    font-size: 0.82em !important;
}

.pricing-head .perask {
    font-size: 1.2em !important;
}

.stripe-transaction,
.paypal-transaction {
    padding: 5px;
}

.transaction-status-success {

}

.transaction-status-failed {
    font-style:italic;
    border: 1px solid #f00;
}


body.register .col-md-12 h2:nth-of-type(1){
    display:none;
}

body.register .col-md-12 form h2:nth-of-type(1){
    display:block;
}


@media screen and (max-width:768px) {
    
    body.messages .elgg-form-messages-reply .elgg-foot,
    body.messages .elgg-form-messages-send .elgg-foot {
	margin-left: 20px;
	margin-top: 10px;
    }
}

.frontpage-video .promo-video-section {
    /*max-width: 1170px;*/
        max-width: 702px;
        margin-left: auto;
    margin-right: auto;
}

.promo-video {
    margin-left: auto;
    margin-right: auto;
    /*width: 640px;
    height: 440px; */
    position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;

    
}

.promo-video iframe {
    height: 100%;
    width: 100%;
    position: absolute;
top: 0;
left: 0;
}

.promo-video-section {
    margin-top:50px;
    margin-bottom:10px;
}

.front .blurbrow .col-sm-6 {
    cursor: pointer;
}


.btn-black {
    color: #fff;
    background-color: #000;
}


.no-copy
{
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}


.thumbnail>img:first-child, .thumbnail a>img:first-child {
    width: 100%;
}


@media screen and (max-width:768px) {
    .charts-lat .col-lg-3 {
        padding-left: 0px;
    }

    .aspectTable td span {
        font-size: 1em !important;
    }

    .search-condition:first-child {
        margin-bottom: 0em !important;
    }
}

.elgg-state-success button.close {
    opacity: 1;
}
.elgg-state-success button span {
    color: white;
}


.ask-question {
    padding-top: 10px;
    padding-bottom: 10px;
}

.ask-question .birthdata {

    margin-top: 10px;
    border-top: 1px solid grey;
}

.ha_connect_with_provider {
    margin-bottom: 2px;
}


.title-container {
    position: relative;
    text-align: center;
    margin-bottom: 35px;
}

.title-container h1 {
    margin: 0;
    padding: 25px;
    color: white;
    /* background-image: url('/mod/12andus_bootstrap_theme/img/horoscope/divider-planets.jpg');
    background-size: cover; */
    display: inline-block;
    position: relative;
    z-index: 1;
    word-break: break-word;
}

.title-container h1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(79, 104, 205, 1); /* #4f68cd */
    z-index: -1;
}

.title-container h1 span {
    position: relative;
    z-index: 2;
}

.tag-cloud {
    margin-bottom: 5px;
}

.tag-cloud .tag-input {
    display: inline;
    
    padding: 10px;
}

.tag-cloud .tag-input label {
    width: initial;
}

.tag-cloud .row {
    margin-bottom: 30px;
}

.tag-cloud input[type=checkbox] {
    zoom: 2;
}

.tag-cloud label {
    font-size: 1.1em;
}

body.search .search-heading-category {
    display:none;
}


.depth-0 {
    margin-bottom: 15px;
    border-bottom: 4px dotted #CCCCCC !important
}


.aiessay-alert a {
    color: #8968CD;
}

.astrotalk .bitly-wrapper {
    display: none;
}

.astrotalk .elgg-list {
    border-top: none;
}

.astrotalk .elgg-list > li {
    border-bottom: none;
}


.chatbubble {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
}

.chatbubble .avatar img {
    width: 100%;
}


.dynamic-answer .loading-container {
    max-height: 90px;
}

.dynamic-answer .col-xs-2 {
    padding-left: 5px;
    padding-right: 5px;
}

.ebooks .info-thumbnail-link .description {
    height: 200px;
    overflow-y: scroll;
}

.pdfs div.astro-controls h3,
.ebooks div.astro-controls h3 {
    word-wrap: break-word; 
    overflow-wrap: break-word; 
    white-space: normal; 
}

.themepdf .info-thumbnail-link .description {
    height: 150px;
    overflow-y: none;
    clear: both;
    scrollbar-width: none; /* For Firefox */
}

.themepdf .info-thumbnail-link .description::-webkit-scrollbar {
    display: none; /* For WebKit browsers */
}

.themepdf.loggedout .info-thumbnail-link .description {
    height: 150px;
    overflow-y: none;
    clear: both;
    scrollbar-width: none; /* For Firefox */
}

.themepdf.loggedout .info-thumbnail-link .description::-webkit-scrollbar {
    display: none; /* For WebKit browsers */
}

.pricing-selector {
    margin-bottom: 0px;
    cursor: pointer;
}

/* Ensure PayPal buttons are fully visible */
.payment {
    margin-top: 15px;
    margin-bottom: 10px;
}

/* Fix PayPal button display issues */
.payment .input-group {
    width: 100%;
    margin-bottom: 10px;
}

.pricing-selected{
    background-color: #ffde59;
}

.ai-question .birthdate {
    margin-bottom: 8px;
}

.ai-question .divider {
    display: none;
}

.h-theme {
    font-size: 20px; /* Between h3 (24px) and h4 (18px) */
    line-height: 1.3;
}

.pdfs .info-thumbnail-link-theme {
    height: 500px;
}


body.segnibellezza ul.nav li {
    display: none;
}
body.segnibellezza ul.nav li.elgg-menu-item-language {
    display: block;
}
body.segnibellezza ul.nav li.elgg-menu-item-language ul li {
    display: block;
}
body.segnibellezza button.navbar-toggle {
    display: none;
}
body.segnibellezza div.nav-inline-menu-buttons {
    width: 50% !important;
    display: inline-block !important;
}
@media (min-width:768px)
{
    body.segnibellezza div.nav-inline-menu-buttons {
        display: none !important;
    }
}
body.segnibellezza.loggedin div.nav-inline-menu-buttons .nav-message-extra {
    display: none;
}
body.segnibellezza.loggedin div.nav-inline-menu-buttons .elgg-menu-item-language {
    display: block;
}
body.segnibellezza .elgg-menu-item-language .dropdown-menu {
    right: 0;
}