/* ==============================================================================
Theme Name: Phlox Pro Child
Theme URI: http://phlox.pro/go/
Author: averta
Author URI: http://www.phlox.pro
Description: Phlox Pro Child Theme
Template: phlox-pro
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column,two-columns, three-columns, left-sidebar, right-sidebar
Text Domain: phlox-pro-child
================================================================================= */


/* Base */
body ul {
	list-style: disc;
	margin-left: 1em;
}


/* Search button fix */
.aux-search-section .aux-search-form .aux-iconic-search-submit, 
.aux-search-section .aux-search-form .aux-iconic-search-submit:hover,
.aux-search-section .aux-search-form .aux-iconic-search-submit:active,
.aux-search-section .aux-search-form .aux-iconic-search-submit:focus {
	background: none;
}


/* Tables */
.elementor-widget-theme-post-content table {
	width: 100% !important;
}
.elementor-widget-theme-post-content table th {
	background: none;
}
.elementor-widget-theme-post-content table th:has(+ th),
.elementor-widget-theme-post-content table th + th {
	background-color: var(--e-global-color-primary);
	color: #fff;
}


/* Installation */

.single-portfolio .aux-territory  {
	max-width:1200px;
	
}

.single-portfolio .page-title-section .page-header {
  max-width:1200px;
	border:none;
}

.single-portfolio .entry-media img
{
	box-shadow:0px 20px 60px #7886A233;
}
.single-portfolio .page-title-section .page-header .aux-container{
	padding-left:0;
	padding-top:20px;
	margin-bottom:-20px
}
.single-portfolio .elementor-446 .elementor-element.elementor-element-8aeb0ee {
	padding:0;
}
.single-portfolio .aux-content-top-margin .aux-primary{
	padding-top:0
}
.single-portfolio .page-title-section .aux-dark , .single-portfolio .page-title-section .aux-dark a{
	color:#A0ABC9;
}
.single-portfolio .aux-widget-related-posts{
	display:none;
}
.single-portfolio .aux-breadcrumbs span.breadcrumb-icon,.single-portfolio .page-title-section .aux-dark a,.single-portfolio .page-title-section .aux-dark{
	color:#000000;
}
.single-portfolio .aux-breadcrumbs{
	font-size:16px!important;
	line-height:1.5;
	font-weight:500;


}
.single-portfolio .aux-breadcrumbs span:before{
	font-size:5px
}

.single-post .entry-info {
	display:flex;
	justify-content:center;

}
.single-post .entry-info .entry-date{
	order:2;
	margin-right:20px
}
.single-post .entry-info .entry-tax{
	order:1;
	margin-right:20px;
}
.single-post .entry-info .entry-author{
	order:3
}


.single-post .hentry .entry-info .entry-edit{
	display:none
}
.single-post .hentry .entry-info .entry-author .meta-sep{
	display:none
}
.single-post 
.hentry .entry-info
[class^="entry-"]:before{   
     display:none;    
  }

.single-post .hentry .entry-info .entry-date :before ,.single-post .hentry .entry-info .entry-author .author:before{
 content: "" !important;
    position: relative;
    top: 0;
    display: inline-block;
    width: 3px;
    height: 10px;
    border-radius: 50%;
    margin: 0 10px;
    vertical-align: middle;
	background-color: #BBB;
}
.single-post .aux-primary .hentry .entry-title {
	margin:50px auto;
  max-width:714px;
  }

.single-post .hentry .entry-info {
	margin-bottom:3em ;
}
.single-post .entry-main{
	margin-bottom:50px;
}

@media screen and (max-width: 767px){
	.single-post .hentry .entry-info .entry-date :before ,.single-post .hentry .entry-info .entry-author .author:before{display:none;}
	
.single-post .aux-primary .hentry .entry-title {	
  max-width:350px;
	  }
	.single-post .hentry .entry-content {
    margin: 45px 0px;
}
	.single-post .hentry .entry-info{
		margin-left:0;
		margin-right:0;
	}
}
@media only screen and (max-width: 1024px) and (min-width:768px){
	.single-post .aux-primary .hentry .entry-title {
		max-width:500px!important;
		
    }
}
.single-post .hentry .entry-meta {
    	padding:1em 0;
} 



.single-post .hentry .entry-meta,.single-post .comment-respond{
      width:70% ;
    	margin:0 auto;
}
@media only screen and (max-width:767px){
	.single-post .entry-meta,.single-post .comment-respond{
      width:100%;
	
}
}
.single-post #respond{
	margin:0 auto;
}
 .single-post .comment-notes {       
  margin-top:-25px;
	margin-bottom:40px;
	flex-basis:100%
}

#commentform input[type="text"],#commentform input[type="email"],#commentform input[type="url"]{
	margin-bottom:20px;
	 padding: 20px 20px 15px 0px         !important;
    min-height: 60px;
		width:100%;
	border:none;
	} 
.single-post .aux-modern-form .aux-input-group .aux-modern-form-border{
	background-color:rgb(30,29,35,0.3) ; 
	height:0.5px
}
.single-post .aux-modern-form .aux-input-group.aux-focused .aux-modern-form-border{
	box-shadow:none;
	background-color:var( --e-global-color-text );
	height:2px;
}
.single-post .aux-modern-form .aux-input-group.aux-focused label{	transform:scale(0)translateY(-34px)!important;
	transition:all 1ms ease-in
}
.single-post  #commentform {
	display:flex;
	flex-flow: row wrap;
	justify-content:space-between;
} 
.single-post #commentform textarea{
	order:4}


@media only screen and (min-width:768px){	
.single-post  #commentform .aux-inline-inputs{
flex-basis: calc(33.33% - 10px);	
}
	
}
@media only screen and (max-width:767px){
	.single-post  #commentform {
	display:flex;
	flex-direction:column;	
} 
	.single-post .form-submit{
		margin-left:0!important;
	}
}

.single-post .form-submit{
	 margin-left: auto;
}
.single-post #commentform textarea{
	border:none;
	padding:20px 20px 15px 0px;
	min-height:60px;
	overflow:hidden;
	height:unset;
	max-height:50px;
	}
.single-post .aux-form-cookies-consent{
	order:5;
	margin-top:30px;
}
.single-post .form-submit{
	order:6;
}

.single-post .aux-block-inputs{
	flex-basis:100%;
}
.single-post #commentform input[type=submit]{	background-color:var( --e-global-color-secondary ) ;
    box-shadow: -5px 10px 50px  rgb(244,34,35,0.3);
	border-radius:0;
  padding: 15px 40px 15px 40px;
	margin-bottom:120px;
	margin-top:20px
}
.single-post #commentform input[type=submit]:hover {
	background-color:var( --e-global-color-primary ); 
	box-shadow: -5px 10px 50px rgb(30,29,35,0.3)
}
.single-post .hentry .entry-meta,.single-post .comment-respond{
      width:70% ;
    	margin:0 auto;
}
@media only screen and (max-width:767px){
	.single-post .hentry .entry-meta,.single-post .comment-respond{
      width:100%;
	
	}
}



/* CUSTOM EDITS */

body #inner-body {
	background-color: transparent;
}

/* Hide titles */
.elementor-default #site-title.page-title-section {
	display: none;
}

.elementor-location-header .aux-button {
	margin-bottom: 0;
}


/* Forms */

.elementor-location-footer .fluentform .ff-el-tooltip svg {
	fill: var(--e-global-color-fd4cf94, #BFD928);
}
.elementor-location-footer .fluentform_wrapper_3.ffs_custom_wrap .ff-el-input--content input:focus, 
.elementor-location-footer .fluentform_wrapper_3.ffs_custom_wrap .ff-el-input--content .ff-el-form-control.ff_stripe_card_element:focus, 
.elementor-location-footer .fluentform_wrapper_3.ffs_custom_wrap .ff-el-input--content textarea:focus, 
.elementor-location-footer .fluentform_wrapper_3.ffs_custom_wrap .ff-el-input--content select:focus {
	border-color: var(--e-global-color-fd4cf94, #BFD928);
}


/* Loop Carousel */

.elementor-widget-loop-carousel .elementor-widget-theme-post-excerpt {
	overflow:hidden;
	height:80px;
	min-height:80px !important;
	position: relative;
}
.elementor-widget-loop-carousel .elementor-widget-theme-post-excerpt:after {
    content: '';
	position: absolute;
	top: 40px;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
	pointer-events: none;
}
@media only screen and (max-width: 768px) {
	.elementor-widget-loop-carousel .elementor-widget-theme-post-excerpt {
		overflow:none;
		height:auto;
		height:120px !important;
		/*min-height:140px !important;*/
	}
	.elementor-widget-loop-carousel .elementor-widget-theme-post-excerpt:after {
		top: auto;
		height: 40px;
	}
}
.elementor-widget-loop-carousel .elementor-widget-post-info:last-child {
	margin-top: auto;
	padding-top: 10px;
	border-top: 1px solid #e9e9e9;
}


/* Loop carousel fixes */
@media only screen and (max-width: 1023px) {
	.e-n-tabs-content .swiper.elementor-loop-container .e-loop-item {
		width: 50%;
	}
}

@media only screen and (max-width: 768px) {
	.e-n-tabs-content .swiper.elementor-loop-container .e-loop-item {
		width: 100%;
	}
}

/* Members */

.members-purchase-tiles .span_pmpro_checkout_button .pmpro_btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	padding: 20px 30px;
	display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

input[type="radio"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);
  /* Not removed via appearance */
  margin: 0;

  font: inherit;
  color: currentColor;
  width: 1.15em !important;
  height: 1.15em !important;
  border: 0.15em solid currentColor;
  border-radius: 50%;
  transform: translateY(-0.075em);

  display: grid;
  place-content: center;
}

input[type="radio"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
  /* Windows High Contrast Mode */
  background-color: #fff;
}
input[type="radio"]:checked::before {
  transform: scale(1);
}
input[type="radio"]:focus::before {
  background-color: #000;
}

/* Account */
.e-my-account-tab__ .woocommerce-MyAccount-content-wrapper {
	padding: var(--sections-padding, 16px 30px);
    background-color: var(--sections-background-color, #fff);
}
.pmpro_advanced_levels-div .pmpro_card {
    justify-content: space-between;
    flex: 1;
}
.pmpro .pmpro_card.pmpro_level_group .pmpro_card_content {
	padding: 20px;
}


.pmpro_level-description h3, .pmpro_level_description_text h3 {
	font-size: 17px;
	text-transform: uppercase;
	margin-bottom: 0;
	margin-top: 1.5em;
}
.pmpro_level-description li p, .pmpro_level_description_text li p {
	margin-top: 0.25em !important;
	margin-bottom: 0.25em !important;
}

/* Products */

.elementor-widget-woocommerce-product-content table tr th {
	background-color: rgb(20 141 66 / 20%);
	color: #fff !important;
}
.elementor-widget-woocommerce-product-content table tr th, .elementor-widget-woocommerce-product-content table tr td {
	border-color: rgb(20 141 66 / 20%);
}
table.variations th {
    background: none;
    vertical-align: middle !important;
    padding-left: 0;
}
table.variations select:not([multiple]) {
	padding: 8px 15px;
}
.jet-filter-items-dropdown .jet-filter-items-dropdown__body {
	box-shadow: 1px 1px 20px 0px rgba(0,0,0,0.2);
}
.jet-smart-filters-checkboxes .jet-checkboxes-list .jet-checkboxes-list-wrapper .jet-list-tree .jet-checkboxes-list__row {
	align-items: center;
}
body .jet-checkboxes-list .jet-list-tree__children .jet-checkboxes-list__row {
	padding-top: 0 !important;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0 !important;
}
body .jet-checkboxes-list .jet-list-tree__children .jet-checkboxes-list__row .jet-checkboxes-list__button {
	font-size: 14px;
	font-weight: 300 !important;
	/*padding: 0;*/
}
body .jet-checkboxes-list .jet-list-tree__children .jet-checkboxes-list__row .jet-checkboxes-list__label {
	font-size: 14px;
	font-weight: 300 !important;
}


/* Blockquotes */
blockquote {
	position: relative;
	background: transparent;
	padding: 5px 40px;
	font-size: 16px;
	margin-bottom: 3em;
	font-family: Georgia, 'Times New Roman', Times, serif;
}
blockquote:before, blockquote:after {
	position: absolute;
	font-size: 5em;
	line-height: 0.5em;
	opacity: 0.2;
	font-family: Georgia, 'Times New Roman', Times, serif;
}
blockquote:not(:has(img)):before {
	content: open-quote;
	left: 0;
	top: 0;
}
blockquote:not(:has(img)):after {
	content: close-quote;
	top: 100%;
	right: 0;
}
blockquote:has(img) {
    border-left: none;
    position: relative;
    margin: 40px 0;
    font-size: 12px;
    padding-left: 20px;
	font-family: inherit;
}
blockquote:not(.bq-text,.twitter-tweet):has(img) {
    padding-left: 230px;
    min-height: 200px;
}
blockquote:not(.bq-text,.twitter-tweet) img {
    position: absolute;
    left: 20px;
    top: 0;
    height: 190px;
    width: 190px;
    object-fit: cover;
    border-radius: 95px;
}
blockquote em  {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 20px;
    font-style: italic;
    margin-bottom: 20px;
    display: block;
}

