/*
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
*/


/*
* Please add your custom styles below
*/

.flotte {
float:left;
}

.flotte2 {
float:right;
}

/* remove forums tab from profile */

li#forums-groups-li a {
display: none;
}

/* remove messages send tab pre-load (removed programmatically) */
li#compose-personal-li {
display:none;
}

/*****************************

sitewide layout

******************************/
#header a:not(.button),
div#main .widgets-container.sidebar_location .form-search a:not(.button),
.form-search.custom input[type="text"],
.form-search.custom input[type="password"],
.form-search.custom select,
.top-links,
.article-content p,
.tabs.pill.custom a,
li.three.columns.hide-for-small {
  font: 400 16px/1.5 'lato';
}

div#main {
  padding-top: 0;
  padding-bottom: 0;
}

li#members-all a {
	font: 400 36px/1.5 'lato';
	font-variant: small-caps;
}


.search-meta p.date {
	font: 400 16px/1.5 'lato';
	color: grey;
	margin-bottom: 0;
}

div.bp-member-dir-buttons a.small.button.radius.secondary {
	font: 300 16px/1.5 'lato';
	
}

div#profile .tabs-content.custom {
	border: none;
}

div#profile {
  margin-bottom: 40px;
}

/*****************************

RESPONSIVE IFRAME

******************************/

.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
  width: 980px;
  margin: 0 auto;
}


/* 16x9 Aspect Ratio */

.intrinsic-container-16x9 {
  padding-bottom: 56.25%;
}


/* 4x3 Aspect Ratio */

.intrinsic-container-4x3 {
  padding-bottom: 75%;
}

.intrinsic-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-height: 70%;
}

@media only screen and (max-width: 600px) {

.intrinsic-container {
  width: 90%;
}
  
.intrinsic-container iframe {
  height: 100%;
}
}

/*****************************

HEADER & HOME PAGE

******************************/


/*Top header bar text and background*/

#logo {
  margin-bottom: 0;
}

.mail-top,
li.three.columns.hide-for-small {
  font: 300 14px/1.5 'lato';
}

.top-links {
  background: rgb(204, 204, 204);
}


/*header top right button group*/

.btn-profile .button.dropdown.split.tiny > a {
  font: 400 12px/1.5 'lato';
}

a.tiny.button.btn-logout {
  font: 400 12px/1.5 'lato';
}

a.tiny.button i {
  font-size: inherit;
  line-height: inherit;
}


/*header main nav spacing*/

.login-buttons .button-group {
  margin-bottom: 10px;
}

#header .four.columns {
  margin-top: 35px;
}

#header .login-buttons {
  margin-top: 10px;
  margin-bottom: 10px;
}

ul#menu-sweetdate a.menu-item.main-menu-link {
  line-height: 35px;
}


/*Change the vertical space the header and hero image take up, more height gives more space between main nav and image. Only change the vw number*/

#header {
  height: calc(30vw *834 / 1920.0);
}


/*center join now button*/

div.twelve.columns p a.button.large.radius {
  display: inline-block;
}


/*Log in modal*/

.remember-me-label {
  font: 400 16px/1.5 'lato';
}

.inputbox.login-inputbox {
  height: 40px;
  line-height: 40px;
}


/* register and youtube buttons */
.button.large-front-page-btn {
	height: 60px;
	width: 65%;
	font: 300 24px/60px 'lato';
	padding: 0;
}

/*END HOME PAGE*/
@media only screen and (max-width: 600px) {

  #header {
    height: 200px;
  }
  
  .button.large-front-page-btn {
	width: 90%;
}
  
  .page-template-page-templatesfront-page-php .rev_slider_wrapper {
    min-height: 0px;
  }
}

/* log in modal fix */
@media only screen and (max-width: 767px) {
.reveal-modal, .reveal-modal.small, .reveal-modal.medium, .reveal-modal.large, .reveal-modal.xlarge {
  z-index: 500;
  }
}
  
/*****************************

MEMBER PROFILE PAGE

******************************/


li#profileTab a,
li#about-meTab a,
li#contractTab a,
li#profileTab p,
li#about-meTab p,
li#contractTab p {
	font: 300 14px/30px 'lato'
}

li#contractTab a, li#contractTab p {
	line-height: 1.5;
}

li#profileTab dd,
li#about-meTab dd,
li#contractTab dd {
	font: 300 14px/30px 'lato';
}

/*profile main tabs*/


#main #object-nav ul li a {
  color: #6f6f6f;
  display: block;
  font-size: 18px;
  font-weight: 400;
  height: 40px;
  font-family: 'lato';
  line-height: 40px;
  padding: 0px 20px;
}


/*toggle "notifications" tab on or off*/

#main #object-nav ul li#notifications-personal-li {
  display: none;
}


/*
Subnav styling
*/


/*center or left align child li*/

#subnav ul {
  text-align: center;
}

#profile-edit-form ul.button-nav {
  text-align: left;
}


form#profile-edit-form span,
form#profile-edit-form legend,
form#profile-edit-form label,
form#profile-edit-form option {
	font: 400 16px/1.5 'lato';
}


form#profile-edit-form span.current-visibility-level {
	font-size: 12px;
}

p.field-visibility-settings-toggle {
	font: 300 12px/1.5 'lato';
}

/*add styling to make subnav li stand out*/

#subnav ul li,
#profile-edit-form ul.button-nav li {
  height: 50px;
  border-radius: 30px;
  -webkit-transition: 300ms all;
  transition: 300ms all;
  float: none;
  display: inline-block;
  margin-right: 1%;
}

#profile-edit-form ul.button-nav li {
  height: 40px;
  padding-top: 0;
  padding-bottom: 0;
}

#subnav ul li:last-child,
#profile-edit-form ul.button-nav li:last-child {
  margin-right: 0;
}


/*show background on non-current tab on hover*/

#subnav ul li:hover,
#profile-edit-form ul.button-nav li:hover {
  background: rgba(12, 80, 159, 1);
}

#subnav ul li a,
#profile-edit-form ul li a {
  padding: 0 30px;
  font-size: 16px;
  font-weight: 300;
  font-family: 'lato';
  line-height: 50px;
  height: inherit;
  display: block;
  text-decoration: none;
  color: rgb(12, 80, 159) !important;
  -webkit-transition: 300ms all;
  transition: 300ms all;
}

#profile-edit-form ul.button-nav li a {
  line-height: 40px;
}

#profile-edit-form ul.button-nav li.current a {
  color: white !important;
  border-radius: 30px;
}


/*overwrite <style> in header to force white on hover instead of red */

#subnav ul li a:hover,
#profile-edit-form ul li a:hover {
  color: white !important;
}


/*make background permenant when subnav is active*/

#subnav ul li.current.selected,
#profile-edit-form ul.button-nav li.current {
  border: none;
}

#profile-edit-form ul.button-nav li.current {
  background: none;
}

#subnav ul li.current a#public,
#subnav ul li.current a#edit,
#subnav ul li.current a#change-avatar,
#subnav ul li.current a#change-cover-image,
#subnav ul li.current a#general,
#subnav ul li.current a#notifications,
#subnav ul li.current a#profile,
#subnav ul li.current a#delete-account,
#subnav ul li.current a#inbox,
#subnav ul li.current a#starred,
#subnav ul li.current a#sentbox,
#subnav ul li.current a#compose,
#subnav ul li.current a#notices,
#profile-edit-form ul.button-nav li.current a {
  background: rgb(12, 80, 159);
  padding: 0 30px;
  border: none;
}


/*remove background to prevent double margins*/

#subnav ul li.current.selected:hover,
#profile-edit-form ul.button-nav li.current:hover {
  background: none;
}


/*profile tab accordian styling*/

.accordion-title {
  font: 300 20px/1 'lato';
  -webkit-transition: 300ms all;
  transition: 300ms all;
}

.accordion-title:hover {
  background: rgb(230, 230, 230);
  color: black;
}

.accordion-title.active:hover {
  background: none;
}

.accordion-content dt,
.accordion-content dd,
.accordion-content p {
  font-size: 16px;
  font-weight;
  line-height: 1.5;
  font-family: 'lato';
}

.accordion-content dt,
.accordion-content dd {
  font-weight: 400
}

.accordion-content p {
  font-weight: 300;
}


/*proposals tab - put subnav links and search bar on same line, responsive*/

#item-body #subnav ul#messages-ul {
  display: inline;
}

#item-body .item-list-tabs#subnav {
  text-align: center;
}

#item-body div.message-search {
  float: none;
  display: inline-block;
}

#item-body div.messages {
  margin-top: 30px;
}

div#user-pag div.pag-count {
  font: 300 18px/1 'lato';
}


/*Settings subnav text and spacing fixes*/

#settings-form label,
#profile-group-edit-submit,
#profile-edit-form label {
  font: 400 16px/1.5 'lato';
}

#settings-form input {
  height: 40px;
}

#settings-form input#submit {
  font: 300 16px/1 'lato';
}

#settings-form p {
  font: 400 16px/1.5 'lato';
}

#profile-edit-form h4 {
  text-align: center;
}


/*Mobile design*/

@media only screen and (max-width: 600px) {
  #header .four.columns {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
  }
  #header .login-buttons {
    text-align: center;
  }
  .button-group.radius.right {
    float: none;
    display: inline-block;
  }
}


/*****************************

Quick and Advanced search

******************************/

.standard-form label,
.standard-form span.label {
  font-weight: 400;
  font-family: 'lato';
  font-size: 18px;
  line-height: 1.5;
}

#item-body h3 {
  text-align: center;
  font-size: 20px;
}

.standard-form div.checkbox label,
.standard-form div.radio label {
  color: black;
  font: 300 16px/1.2 'lato';
}

.standard-form a.clear-value {
  color: blue;
  font: 300 14px/1.5 'lato';
  display: block !important;
  padding: 5px 10px;
}

.editfield.field_18.field_country,
.editfield.field_17.field_city.alt
/*.editfield.field_237.field_language*/

{
  display: inline-block;
  width: 48%;
  margin-right: 3%;
}

.editfield.field_17.field_city.alt {
  margin-right: 0%;
}

.standard-form select {
  height: 30px;
}

.standard-form input[type=text] {
  margin-bottom: 0;
}

.standard-form div.submit {
  width: 200px;
  margin: 0 auto;
}

.standard-form div.submit input[type=submit] {
  display: block;
  font: 400 20px/50px 'lato';
  width: 200px;
  margin: 0;
  height: 50px;
  background: rgba(40, 91, 149, .7);
  color: white;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: 300ms all;
}

.standard-form div.submit input[type=submit]:hover {
  background: rgba(40, 91, 149, 1);
}


/*****************************

Activation process

******************************/

#signup_form.standard-form.custom h2.article-title {
  text-align: center;
  font: 400 35px/1.5 'lato';
  text-transform: uppercase;
  font-variant: small-caps;
  color: #0c509f;
}

#signup_form.standard-form.custom h2.article-title + p {
  font: 300 18px/2 'lato';
  display: block;
  width: 80%;
  text-align: center;
  margin: 0 auto;
  color: black
}

#activate-page h2 {
  font: 400 35px/2 'lato';
  font-variant: small-caps;
  text-align: center;
}

#activate-page #message p {
  font: 300 18px/1.5 'lato';
  color: black;
  text-align: center;
  display: block;
  width: 60%;
  margin: 0 auto;
}

.activation_text_success {
  font: 300 18px/1.5 'lato';
  color: black;
  text-align: center;
  display: block;
  width: 80%;
  margin: 0 auto;
}

#open_login_modal {
  cursor: pointer;
  color: red !important;
}

.pmpro-confirmation #main-content h2.article-title {
  font: 400 35px/2 'lato';
}

.pmpro-confirmation #main-content .article-content p {
  font: 300 16px/1.5 'lato';
}


/*****************************

Contract builder

******************************/

.sub-header-contract {
  text-align: center;
  margin-top: 5%;
}

.contract-half-size {
  display: inline-block;
  width: 48%;
  margin-right: 1.8%;
  padding: 1.5%;
  vertical-align: top;
  transition: 300ms all;
}

.contract-half-size select {
  color: rgb(12, 80, 159);
  background: transparent;
}

.contract-half-size:hover {
  background: rgba(12, 80, 159, .1);
}

.field_427:after {
  content: "";
  display: inline-block;
  width: 40%;
}

.blue-text {
  color: rgb(12, 80, 159);
}

@media only screen and (max-width: 600px) {
  .contract-half-size {
    display: block;
    width: 90%;
    margin: 0 auto;
    vertical-align: top;
  }
}

.tabs-ul {
  position: relative;
  text-align: center;
  margin-bottom: 2%;
}

.tabs-ul li {
  display: inline-block;
  padding: 0 1%;
  font: 300 20px/2.5 'lato';
  height: 50px;
  color: rgb(12, 80, 159);
  border-radius: 25px;
  transition: 500ms all;
  cursor: pointer;
}

.tabs-ul li:hover,
.tabs-ul li.active {
  color: white;
  background: rgb(12, 80, 159);
}

.tabs-content {
  border: 1px solid black;
}

.editfield.contract-half-size label {
  margin-top: 0;
}

.field-header {
  font: 400 22px/1 'lato';
  padding-bottom: 1%;
  text-align: ;
  color: rgb(12, 80, 159);
}

.field-answer {
  background: rgba(12, 80, 159, .1);
  display: block;
  padding: 1%;
  vertical-align: top;
}

.field-answer:nth-child(2n) {
  background: rgba(230, 230, 230, .4);
}

.field-answer:hover {
  background: rgba(12, 80, 159, .2);
}

.field-answer:nth-child(2n):hover {
  background: rgba(230, 230, 230, .8);
}

.field-info {
  color: black;
  font: 300 18px/1 'lato';
  display: inline-block;
  text-align: center;
}

.tabs-content div.twelve.columns {
  position: relative;
  padding: 0 !important;
  margin: 0 !important;
}

.full-page-overlay {
  display: none;
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: rgba (230, 230, 230, .8);
}

.vert-wrapper p {
  font: 400 40px/1 'lato';
  color: white;
}

.vert-wrapper {
   position: relative;
   top: 50%;
   transform: translateY(-50%);
}

#contract-main-header {
  text-align: center;
}

@media only screen and (max-width: 600px) {
  #page-wrapper {
    padding-top: 100px;
  }
  
  .contain-to-grid {
    display: none;
  }
  
  .tabs-ul li {
    width: 45%;
    margin-right: 2%;
  }
  
  .standard-form div.submit {
    width: 80%;
  }
  
  .standard-form div.submit input[type="submit"] {
    width: 100%;
  }
}


/*experimental*/

select[multiple] {
	height: 200px;
}

/*
dl.dl-horizontal dd {
	margin-bottom: 20px;
}*/

a.pmpro_yeslink.yeslink.small.radius.button.secondary,
a.pmpro_nolink.nolink.small.radius.button{
	height: 50px;
	font: 300 16px/50px 'lato';
	padding: 0 10px;
}

.full-page-loading {
  display: none;
  position: fixed;
  z-index: -100;
  height: 100%;
  width: 100%;
  background: rgba(230, 230, 230, .6);
}

.full-page-loading.active {
  z-index: 500;
}

form.custom .archetype_select div.custom.dropdown {
	width: 90% !important;
}

form.custom .archetype_select div.custom.dropdown ul {
	width: 100% !important;
}

div.innerText,
div.innerText p {
    font: 300 16px/1.5 'lato';
}

div.grayText,
div.blueText {
    font-weight: bold;
    color: #636363;
    font: 300 16px/1.5 'lato';
}

div.innerText strong {
    margin-bottom: 10px;
}

.tostext {
    font: 300 16px/1.5 'lato';
}

.tostext strong,
.tostext em{
    display: block;
    margin-top: 20px;
}

.tostext ol,
.tostext ul {
    font: inherit;
}
.tostext li {
    font: inherit;
}

.tostext p,
.tostext b {
    font-weight: 300 !important;
}
.membership-confirmation {
  font: 400 18px/1.5 'lato';
}

.membership-profile-link {
  color: aqua;
  cursor: pointer;
}

.complete-contract-text {
  font: 400 18px/1.5 'lato';
  text-align: center;
}

.complete-contract-header {
  font: 400 22px/1.5 'lato';
  text-align: center;
}

.complete-contract-btn {
  height: 50px;
    font: 400 20px/50px 'lato;';
    padding: 0 20px;
    margin: 0 auto;
    display: block;
    width: 80%;
}

.what-next-link {
    color: #0c509f;
    font: 400 16px/1.5 'lato';
    text-decoration: underline;
    text-align: center;
    display: block;
    cursor: pointer;
}

.profile-warning-text {
    display: block;
    text-align: center;
    font: 400 18px/1.5 'lato';
    color: red;
}

a.what-next-link + a.play.button  {
    margin: 0 auto;
    display: block;
    max-width: 35%;
}