/*
Theme Name:     Sweetdate Child
Theme URI:
Description:    Child theme for Sweetdate
Author:         SeventhQueen
Author URI:     http://seventhqueen.com
Template:       sweetdate
Tags: dating, clean, responsive, creative, minimal, modern, landing page, social, buddypress,bbpress, woocommerce
License: GNU General Public License
License URI: license.txt
*/
@import url("../sweetdate/style.css");

/*
* Please add your custom styles below
*/

.buddypress-upload-avatar-reminder #header .sticky.fixed {
  margin-top: 50px!important;
}

.buddypress-upload-avatar-reminder #profile {
  margin-top: 20px!important;
}

.section-members .two, .section-members .row .two {
  height: 225px;
}

.fixed {
    z-index: 999;
}

#backgroundPopup,
#bp_compliments_modal_shadow {
    background-color: #fff!important;
}

#breadcrumbs-wrapp a:hover,
#breadcrumbs-wrapp a:focus {
  color: #ec155a!important;
}

div.loader {
  background-color: #fff;
  border-radius: 25%;
  box-shadow: 0 0 90px 0 #fff,0 0 90px 0 #fff,0 0 90px 0 #fff,0 0 90px 0 #fff,0 0 110px 0 #fff,0 0 125px 0 #fff,0 0 125px 0 #fff,0 0 125px 0 #fff,0 0 125px 0 #fff,0 0 150px 0 #fff,0 0 150px 0 #fff,0 0 150px 0 #fff;
}

div#main a:not(.button):hover, div#main a:not(.button):focus {
  color: #ec155a!important;
}

#profile .tabs.pill.custom dd.active a, #profile .pmpro_label {
  color: #fff!important;
}

div#profile {
  width: 100%;
  background-color: transparent;
  background-image: none!important;
}

div.profile ul.accordion {
  border: 1px solid #eeeeee;
  display: inline-block;
  background-color: #f9f9f9;
  width: 100%;
}

div.profile ul.accordion .accordion-content {
  padding: 15px 0;
  width: 100%;
}

div.profile ul.accordion .accordion-content dd {
  padding-left: 180px;
  margin-left: 0;
}

div.profile ul.accordion .accordion-content dt {
    white-space: normal;
}

div.profile ul.accordion .accordion-content dt:nth-child(4n+1),
div.profile ul.accordion .accordion-content dt:nth-child(4n+1) + dd {
  background-color: #fefefe;
}

div.profile ul.accordion h5 {
  background-color: #743349;
  color: #fff;
  font-weight: bold;
}

.tabs.info,
#object-nav ul {
  margin-bottom: 25px;
}

#main #object-nav ul li a:hover {
  color: #ec155a;
}

.tabs.info dd a,
.tabs.info li a,
#main #object-nav ul li a {
    font-weight: bold;
    font-size: 14px;
  }

.tabs.info dd.active a,
.tabs.info li.active a,
#object-nav ul li.current a,
#object-nav ul li.selected a,
.tabs.info dd.active,
.tabs.info li.active,
#object-nav ul li.selected,
#object-nav ul li.current {
    background-color: #743349;
    color: #fff!important;
}

.accordion-title .accordion-icon:before,
.accordion-title.active .accordion-icon:before {
  color: #fff;
}

#profile, #profile h2, #profile span {
    color: #333!important;
}

#profile .cite a, #profile .regulartab a, #profile .btn-carousel a {
    color: #333!important;
}

#profile .generic-button a, .tabs.pill.custom dd:not(.active) a, #profile .callout, .regulartab dt, .regulartab dd {
    color: #333!important;
}

#profile .circular-item input.greenCircle {
  color: #333!important;
}

#profile div.five > div.row > div {
  width:100%;
  right:auto;
}

#profile div.seven {
  display:none;
}

#profile div.generic-button {
    display: inline-block!important;
}

#profile #item-header-avatar .avatar {
    width: 90%;
}

.bbp-user-page #main {
      min-height: 700px;
}

.bbp-user-page #support,
.bbp-user-page #footer {
  z-index: 99;
  position: relative;
}

.bbp-user-page #item-buttons #post-mention {
  display: none!important;
}

.bbp-user-page #item-buttons div.generic-button {
  width: 18%!important;
}
.bbp-user-page #item-buttons div.generic-button:hover {
  opacity:0.8;
}

.bbp-user-page .circular-item .hearts {
    background: transparent url("images/hearts_bg.png") no-repeat scroll 0% 0%;
}

#main aside {
  display:none;
}

#circle {
    height: 75px;
    overflow: hidden;
    margin:0 auto;
    text-align: center;
}

#toPopup3,
#toPopup4,
#info,
#toPopup {
    background: transparent none repeat scroll 0 0;
    border: none!important;
    border-radius: 10px!important;
    overflow: hidden;
    color: #fff;
    display: none;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 18px;
    left: 50%;
    margin-left: -402px;
    position: fixed;
    top: 20%;
    width: 800px;
    z-index: 9999;
}
#info #popup_content {
    background: #fff none repeat scroll 0 0;
    color: #333;
}
#toPopup4 #popup_content {
    background: #5cc0ef none repeat scroll 0 0;
    overflow-y: auto;
    color: #fff;
    height: auto;
    padding: 15px;
    width: 100%;
}
#toPopup3 #popup_content,
#toPopup #popup_content {
    overflow-y: auto;
    color: #fff;
    height: auto;
    padding: 35px 15px 15px;
    width: 100%;
}
#info #popup_content {
    height: auto;
    padding: 35px 15px;
}
#toPopup3 div.close,
#toPopup4 div.close,
#info div.close,
#toPopup div.close {
    background: transparent url("images/popup-close-light.png") no-repeat scroll 0 0;
    cursor: pointer;
    height: 32px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 32px;
    z-index: inherit;
}
#info div.close {
    background: transparent url("images/popup-close.png") no-repeat scroll 0 0;
}
#toPopup3 #popup_content > p.memberShipP,
#toPopup4 #popup_content > p.memberShipP,
#toPopup #popup_content > p.memberShipP {
    float:none;
    position: relative;
}
#toPopup3 #popup_content > p,
#toPopup4 #popup_content > p,
#info #popup_content > p,
#toPopup #popup_content > p {
    font-size: 26px;
    text-align: center;
    margin-top: 0;
}
#toPopup3 #popup_content > p.conlg,
#toPopup4 #popup_content > p.conlg,
#toPopup #popup_content > p.conlg {
    font-size: 32px;
}
#toPopup4 #popup_content > p > span {
    font-size: 36px;
    font-weight: bold;
    color: #f54142;
    text-shadow: 1px 1px 8px #fff,1px 1px 8px #fff;
}
#toPopup3 #popup_content > p img,
#toPopup4 #popup_content > p img,
#toPopup #popup_content > p img {
    max-width: 300px;
}
#toPopup3 #popup_content p.chckBox,
#toPopup4 #popup_content p.chckBox,
#toPopup #popup_content p.chckBox,
#info #popup_content form {
    font-size: 14px;
    position: absolute;
    top: 15px;
    right: 50px;
    display: inline;
    width: auto;
}
#info .button {
    border: 1px solid #FFB404;
    background: #FFB404;
    color: #ffffff;
    padding: 20px 30px;
    font-size: 26px;
    margin: 15px auto 20px;
    font-size: 26px;
}
#info .button:hover {
    background-color: #ffffff!important;
    color: #FFB404;
}
#toPopup4 .button {
    border: 1px solid #f54142;
    background: #f54142;
    color: #ffffff;
    padding: 20px 30px;
    font-size: 26px;
    margin: 15px auto 20px;
    font-size: 26px;
}
#toPopup4 .button:hover {
    background-color: #ffffff!important;
    color: #f54142;
}
#toPopup3 .button,
#toPopup .button {
    border: 1px solid #EB195B;
    background: #EB195B;
    color: #ffffff;
    padding: 20px 30px;
    font-size: 26px;
    margin: 15px auto 20px;
    font-size: 26px;
}
#toPopup3 .button:hover,
#toPopup .button:hover {
    background-color: #ffffff!important;
    color: #EB195B;
}
#toPopup3 #popup_content > p.memberShipP,
#toPopup4 #popup_content > p.memberShipP,
#info #popup_content > p.memberShipP,
#toPopup #popup_content > p.memberShipP {
    bottom: auto;
    position: relative;
}
.pricing-table .cta-button {
  padding:0;
}
.pricing-table .cta-button a {
  display: block;
  padding: 20px;
  border-radius: 0;
  font-size: 18px;
}
.membership .pricing-table {
  border: 1px solid #92425d;
  cursor: pointer;
}
.membership .pricing-table.popular {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.membership .pricing-table:hover {
  -webkit-box-shadow: 0 0 15px 0 #F00056;
  box-shadow: 0 0 5px 0 #F00056;
}
.membership .pricing-table .price {
  color: #92425d;
}
.membership .bullet-item:before {
  color: #92425d;
}
.pmpro-levels .button.link-button {
  color: #92425d;
}
.membership .pricing-table.popular:after {
  background: url(images/popular.png) no-repeat center center;
}
.top-bar ul>li a:not(.button) {
  font-size: 16px;
}
.home .kleo-carousel .right {
  font-size: 22px;
  margin-right: 10px;
}
.googlepublisherpluginad {
  max-width: 980px;
  margin: 0 auto 25px;
}

@media (orientation: portrait) and (max-width: 480px) {
  #toPopup3,
  #toPopup4,
  #info,
  #toPopup {
    max-width: 90%;
    margin: 0;
    left: 5%;
    top: 15%;
  }
  #info #popup_content {
    padding: 45px 15px 35px;
  }
  #toPopup3 #popup_content > p,
  #toPopup4 #popup_content > p,
  #toPopup #popup_content > p {
    font-size: 16px;
    text-align: center;
    margin-top: 0;
  }
  #toPopup4 #popup_content > p.fleft {
    font-size: 14px!important;
  }
  #toPopup3 #popup_content > p.fleft,
  #toPopup #popup_content > p.fleft {
    font-size: 18px!important;
  }
  #toPopup3 #popup_content > p img,
  #toPopup4 #popup_content > p img,
  #toPopup #popup_content > p img {
    max-width: 100%;
  }
  #toPopup3 #popup_content > p.conlg,
  #toPopup4 #popup_content > p.conlg,
  #toPopup #popup_content > p.conlg {
    font-size: 18px;
  }
  #toPopup4 #popup_content > p > span {
    display: block;
  }
  #profile #item-header-avatar .avatar {
    width: 100%;
  }
  a.friendship-button, div.generic-button a {
    padding: 0!important;
  }
}

@media (orientation: landscape) and (max-width: 768px) {
  ul.kleo-bp-active-members li.mobile-two {
    width: 33% !important;
  }
  .dl-horizontal dt {
    float: left;
  }
  #item-buttons {
      text-align: center;
  }
  #toPopup3,
  #toPopup4,
  #info,
  #toPopup {
    max-width: 90%;
    margin: 0;
    left: 5%;
    top: 10%;
  }
  #toPopup3 #popup_content > p.fright,
  #toPopup4 #popup_content > p.fright,
  #toPopup #popup_content > p.fright {
    width: 40%;
    float: right;
    margin-right:15px;
  }
  #toPopup4 #popup_content > p.fleft {
    margin-top: 10px;
    width: 50%;
    display: inline-block;
    font-size: 14px!important;
  }
  #toPopup3 #popup_content > p.fleft,
  #toPopup #popup_content > p.fleft {
    margin-top: 10px;
    padding-left: 25px;
    width: 50%;
    display: inline-block;
    font-size: 18px!important;
  }
  #toPopup3 #popup_content > p img,
  #toPopup4 #popup_content > p img,
  #toPopup #popup_content > p img {
    max-width: 100%;
  }
  #toPopup3 #popup_content > p,
  #toPopup4 #popup_content > p,
  #toPopup #popup_content > p  {
    font-size: 16px;
    text-align: center;
    margin-top: 0;
  }
  #toPopup3 #popup_content > p.conlg,
  #toPopup4 #popup_content > p.conlg,
  #toPopup #popup_content > p.conlg {
    font-size: 18px;
  }
  #toPopup4 #popup_content > p > span {
    display: block;
  }
  #toPopup4 .button {
    margin: 15px auto 0px;
  }
  #toPopup3 .button,
  #toPopup .button {
    margin: 30px auto 0px;
  }
}

@media (min-width: 769px) {

div#profile {
    position: fixed;
}

.bbp-user-page #main-content {
    width: 58%;
    float: right;
}

}

@media (max-width: 768px) {
  #profile {
    position: relative!important;
  }
  .bbp-user-page .dl-horizontal {
    padding: 0 15px;
  }
  .bbp-user-page .dl-horizontal dt {
    float: left;
  }
  .bbp-user-page .dl-horizontal dd:before {
    padding-top: 5px;
  }
  .bbp-user-page #main .five, #profile .row .five {
    width: 100%;
  }
  .bbp-user-page #main .eight, #profile .row .eight {
    width: 100%;
  }
  #profile #item-header-avatar {
    width: 100%!important;
  }
  #profile #item-header-avatar .avatar {
    width: 100%;
  }
  .bbp-user-page #item-buttons div.generic-button,
  .bbp-user-page #item-buttons {
    text-align: center;
  }
  .bbp-user-page #main {
    min-height: auto;
  }
  #logo {
    margin-bottom: 0px;
  }
  .section {
    padding: 10px 0;
  }
  #support {
    padding-top: 0px;
    border-top: 0;
    margin-top: 0;
  }
  #footer {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  #btnGoUp {
    bottom: 10px;
    right: 10px;
    margin-bottom: 0;
  }
  div.googlepublisherpluginad {
    padding-left: 15px;
    padding-right: 15px;
  }
  div.just-after-header div.form-wrapper {
    margin-top: 12px;
  }
  div.just-after-header div.form-wrapper div.mobile-one label {
    position: relative;
    display: inline;
    height: 100%;
    line-height: 34px;
  }
  div.kleo-carousel div.carousel-stories ul.feature-stories li p:first-of-type {
    height: 6em;
  }
  div.kleo-carousel div.carousel-stories {
    max-height: 360px;
  }
  #call-to-actions h1 {
    font-size: 30px;
  }
  #call-to-actions .large.button {
    margin-bottom: 10px;
  }
  #call-to-actions p {
    margin-bottom:0;
  }
  .home p.lead {
    margin-bottom:0;
  }
  #call-to-actions p.lead {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .home h2 {
    font-size: 26px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  div.section-members > ul > li {
    height: 220px;
  }
  #toPopup3,
  #toPopup4,
  #info,
  #toPopup {
    max-width: 90%;
    margin: 0;
    left: 5%;
    top: 5%;
  }
  #toPopup4 #popup_content > p img {
    max-width: 100%;
  }
}

a.home-join-now-button {
  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  margin: 20px 0 30px 0;
  padding: 30px 30px 30px 70px;
  display: inline-block;
  text-align: center;
  width: 100%;
  border: 0;
  border-radius: 5px;
  -moz-radius: 5px;
  -webkit-radius: 5px;
  -moz-box-shadow: 0 4px 0 2px #743349;
  -webkit-box-shadow: 0 4px 0 2px #743349;
  box-shadow: 0 4px 0 2px #743349;
  background-color: #f6f6f6;
  color: #743349!important;
  font-size: 28px;
  font-weight: bold;
  font-family: 'Open Sans', sans-serif;
  outline: 0;
  cursor: pointer;
}

a.home-join-now-button:hover {
  background-color: #ffffff;
  color: #F00056!important;
}

a.home-join-now-button span {
    position: relative;
}

a.home-join-now-button span [class^="icon-"] {
    position: absolute;
    left: -40px;
    top: 6px;
    animation-name: stretch;
    animation-duration: .60s;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: none;
    animation-play-state: running;
}
@keyframes stretch {
    0% {transform: scale(0.5);}
    100% {transform: scale(1.2, 1.2);}
}
@media (max-width: 768px) {
  a.home-join-now-button span {
    font-size: 18px;
  }
}

/* Fix the font colors to make them darker on the forums */
div#item-header div#item-meta,
#bbpress-forums .status-closed,
#bbpress-forums .status-closed a {
    color: #333333;
}
#bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta, #bbpress-forums .bbp-forums-list li {
font-size:14px;
}

/* Hide any more than 8 recent profile visits */
div.buddypresswcamp > p > a:nth-child(n+9) {display: none;}

/* Fix pop-ups on mobile devices */
@media (max-width: 767px) {
.livebox.memberShipBtn {
    float: none;
    width: 90%;
}
#info {
    margin-left: -45%!important;
    width: 90%!important;
}
#info form {
    position: relative;
}
div#popup_content {
    height: auto;
    width: 100%;
    position: relative;
}
#popup_content > p {
    width: 100%;
    position: relative;
}
#popup_content > p.memberShipP {
    position: relative;
    margin: 10px auto;
    width: 100%;
    clear: both;
    bottom: auto!important;
}
.livebox.memberShipBtn {
    float: none;
    width: 90%;
}
}

#pmpro_payment_method input[name='gateway'] {
display:inline-block!important;
}

#pmpro_payment_method span.custom {
display:none!important;
}

.form-wrapper .carousel-profiles li {
    max-height: 94px;
    max-width: 94px;
}

div#ncr-robot-check.register-section{
    float:right !important;
}.cta-button.custom {  display: block !important;}

#info {
  background: #fff none repeat scroll 0 0;
  border: 10px solid #7d384f;
  border-radius: 3px;
  color: #333;
  display: none;
  font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
  font-size: 14px;
  left: 50%;
  margin-left: -402px;
  position: fixed;
  top: 20%;
  width: 800px;
  z-index: 9999;
}

@media only screen and (max-width: 940px) {
#menu-wwpm ul.dropdown {
    display:inline-block;
}
.top-bar.expanded {
    height: 100%;
    position: relative;
}
.top-bar ul {
    height: auto!important;
}
.toggle-topbar a [class^="icon-"], .toggle-topbar a [class*=" icon-"] {
    display: inline-block;
    padding-top: 10px;
}
.search-trigger i {
    margin-top: 10px;
    display: inline-block;
}
}

@media only screen and (min-width: 769px) {
  #register-page .register-section {
    width: 60%!important;
    margin: 0 auto!important;
    float: none!important;
  }
}