/*
Theme Name: Salimetrics
Theme URI: http://underscores.me/
Author: Simon Hunter
Author URI: http://remedyone.come
Description: Custom wordrpess Theme for Salimetrics.com
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: salimetrics
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Salimetrics is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

@media (min-width: 1200px) {
.container {
	width: 1140px;
	max-width: 100%;
}
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/* Denver's CSS begins here*/

/*Referral form button and modal form on cart page begins here*/
.shop-nav-account.shopNavAccount ul {
	padding-left: 0px;
	justify-content: space-between;
}


.referral-btn {
	background-color: #075cc6;
	color: white;
	padding: 6px 20px;
	border: none;
	border-radius: 3px;
	font-family: inherit;
}

.referral-btn:hover {
	background-color: #e3bd16;
	cursor: pointer;
}

.referral-form-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 900px;
	min-width: 320px;
	height: auto;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}


.referral-show {
	visibility: visible;
}

.referral-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: rgba(40, 43, 49, .8);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.referral-show~.referral-overlay {
	opacity: 1;
	visibility: visible;
}

/* Content styles */
.referral-modal-content {
	color: #333;
	background: #fff;
}

/* Effect : Fade in and scale up */
.referral-modal-effect .referral-modal-content {
	-webkit-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.referral-modal-effect .referral-modal-content {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.success-referral-message
{
	width: max-content;
	border: 3px solid green;
	display: none;
    padding: 6px 10px;
}

.error-referral-message
{
	width: max-content;
	border: 3px solid red;
	display: none;
    padding: 6px 10px;
}

.cell-validation
{
	display: none;
	border: 3px solid green;
	padding: 5px  15px;
	margin-top:  12px;
}

p.validation
{
	display: none;
	color: red;
	font-weight: 600;
    font-size: 16px;
	margin:  -15px 0px 15px 0px !important;
}

p#recaptcha-validation
{
	display: none;
	color: red;
	font-weight: 600;
    font-size: 16px;
	margin:  10px 0px 15px 0px !important;
	text-align: left;
}

.referral-mandatory-field
{
	color: red;
	font-weight: 600;
    font-size: 16px;
}

.my-account-link
{
	border: 1px solid black;
}

@media (min-width: 768px){
	.added_to_cart.wc-forward{
		padding-left:  15px;
	}
}

/*referral history table css*/
.referral-history-table table
	{
		border: 2px solid #e5e5e5;
		border-collapse: collapse;
		padding: 10px;
		width: 100%;
	}

      .referral-history-table thead tr{
		border-bottom: 2px solid #e5e5e5;
		border-top: 2px solid #e5e5e5;
	  }

	 .referral-history-table tbody tr.details-cell{
		border-bottom: 2px solid #e5e5e5;
		border-top: 2px solid #e5e5e5;
	  }

	 .referral-history-table th,
	.referral-history-table td,
	.referral-history-table table{
		padding: 10px;
	  }

	 .referral-history-table a.text-dark{
		color:  black;
	  }

	 .referral-history-table .referal-actions{
		display: flex;
		justify-content:  center;
		flex-wrap: wrap;
	  }

	  .referral-history-table .referal-mail{
		word-break: break-all;
	  }

	 .referral-history-table .btn-grey {
        background-color: rgba(128, 128, 128, 0.5);
      }

	 .referral-history-table .table-active  td.referal-actions{
		 display: revert;
		 text-align: center;
	  }

	.referral-history-table  a.resend-button {
		margin-right:  15px;
	}

@media  (max-width: 1200px){

.referral-history-table .referal-actions  a:first-child{
                margin-bottom: 10px;
		}
}

	  @media (max-width: 992px){
	.referral-history-table	.referal-actions{
			justify-content: center;
		}

	.referral-history-table	th{
			padding: 10px 5px 10px 5px;
			text-align: center;
		}
	  }

.data-analysis-referral-modal-fix
{
	position: relative;
	z-index: 99;
}
/*Referral form button and modal form on cart page ends here*/

.referral-history {
	color:rgb(27, 106, 170) !important;
	text-decoration: underline !important;
}

.referral-btn {
	background-color: #075cc6;
	color: white;
	padding: 6px 20px;
	border: none;
	border-radius: 3px;
	font-family: inherit;
}

.referral-form-modal {
	overflow-x: hidden;
	overflow-y: hidden;
	border: 2px solid #aaa9a9;
	border-radius: 15px;
}

.referral-form-modal .referral-modal-content {
	font-family: inherit;
}

.referral-modal-content .modal-heading {
	text-align: center;
	padding: 30px;
	background-color: rgb(27, 106, 170);
}

.referral-modal-content .modal-heading h2 {
	font-size: 48px;
	color: #ffffff;
}

.referral-modal-content .modal-form-content {
	padding: 40px 40px 40px 60px;
}

.referral-modal-content .modal-form-content label,
.referral-modal-content .modal-form-content input {
	display: block;
	text-align: left;
}

.referral-modal-content .modal-form-content p {
	line-height: 1.2;
	margin-bottom: 50px;
}

.referral-modal-content .modal-form-content label {
	font-weight: 700;
	font-size: 16px;
}

.referral-modal-content .modal-form-content input {
	border: 1.5px solid #646464;
	margin-bottom: 30px;
	min-width: 240px;
	min-height: 40px;
}

.modal-form-content .send_referral {
	color: white;
	background-color: #eb9316;
	border: none;
	font-family: inherit;
	cursor: pointer;
	padding: 8px 15px;
	font-size: 18px;
	border-radius: 3px;
	margin-top: 30px;
	margin-bottom: 10px;
}

.modal-form-content .referral-close{
	display: block;
	margin-left: auto;
	color: #ffffff;
	background-color: red;
	border: none;
	border-radius: 2px;
	font-weight: bold;
	font-size: 18px;
	padding:  8px 16px;
}

.referral-form-modal  .validation {
	text-align: left !important;
}


/* styling for checkout page */
.woocommerce-checkout  #billing_assesser_field{
	border:  none !important;
}

.woocommerce-checkout h3{
	color: #075cc6;
}

.woocommerce-checkout  .woocommerce-additional-fields h2{
	display: none;
}

.woocommerce-checkout  #billing_assesser_individual_ordering_for_else{
    margin-left:  40px;
}

.woocommerce-checkout  #billing_additional_referringpractitioner_field {
	margin-top:  30px;
	margin-bottom:  0px;
}

.woocommerce-checkout #order_review_heading{
	border-top:  2px solid #b7b7b7;
	padding-top:  20px;
}


.woocommerce-checkout  #billing_additional_referringpractitioner_field  label{
	font-size:  28px ;
	font-weight:  600;
	color: #075cc6;
	line-height:  1.4;
}

.woocommerce-checkout  #billing_alert_text_for_ID_field  p{
	font-size:  12px !important;
    margin-bottom:  20px;
	color:  red;
	line-height:  1.4;
}

.woocommerce-billing-fields input[value="Ordering for someone else"]
{
	margin-left: 100px;
}

@media (max-width: 767px){
	  #customer_details>.col-1,
	  #customer_details .col-2{
                max-width:  100% !important;
	  }
}

@media (min-width: 792px) {
	.referral-modal-content .modal-form-content input.recipient-mail {
		min-width: 350px;
	}

	.woocommerce-checkout  #billing_additional_referringpractitioner_field  input{
		width: 50%;
	}
}

@media(min-width: 1200px) {
	.referral-form-modal {
		max-width: 1100px;
	}
}

.modal-validation
{
	color: red;
	display: block;
}

.dashboard-referrals-btn
{
	border-radius: 5px;
	padding: 15px 15px;
	font-size: 25px;
	background-color: #eb9316;
	color: white;
}

.dashboard-referrals-btn:hover
{
	text-decoration: none;
	color: white;
}

.product-highlight
{
	color: #053ca1;
}

.referral-practitoner
{
	color: green;
}

@media (max-width: 767px){
	.referral-modal-content .modal-heading {
		padding: 20px 15px 20px 15px;
	}

	.referral-modal-content .modal-form-content  p{
		margin-bottom:  30px;
	}

	.referral-modal-content .modal-heading  h2 	{
		font-size: 28px;
	}

	.referral-modal-content .modal-form-content {
		padding: 30px;
	}

	.referral-modal-content .modal-form-content input{
		width: 100%;
		min-height: 35px;
		margin-bottom: 20px;
	}

	.modal-form-content .send_referral{
		margin-top: 15px;
	}
}

.billing-note-text
{
	font-size: 12px !important;
	margin-bottom: 20px;
	color: red;
	line-height: 1.4;
}

label.radio
{
	display: inline-block !important;
}

input#billing_assesser_ordering_for_someone_else
{
	margin-left: 10px !important;
}

.woocommerce-checkout input[type="radio"]
{
	margin-right: 5px !important;
}

.billing_assesser_for_else
{
	display:none;
}

span.assesser-required-alert
{
	color: red;
	display: none;
	font-weight: bold;
}

.thank-you-additional-details
{
	border: 1px solid rgba(0,0,0,.1);
	border-bottom-width: 2px;
	border-right-width: 2px;
	text-align: left;
	width: 100%;
	border-radius: 5px;
	padding: 6px 12px;
}
/* Denver's CSS ends here*/