/**
 * Theme Name:       Portrait Joy Pro
 * Theme URI:        https://www.viwickam.com/?photocg
 * Description:      Custom child theme for Christina Gressianu Photographer based on Mai Chic by Bizbudding
 * Author:           Wizard of Ads Online
 * Author URI:       https://www.viwickam.com/?photocg
 * Version:          2.1.1
 * Text Domain:      mai-chic
 * Template:         genesis
 * Template Version: 3.3.5
 * License:          GPL-2.0-or-later
 * License URI:      http://www.gnu.org/licenses/gpl-2.0.html
 */

/* Accent Font Family */
@font-face {
    font-family: 'Accent Handwriting';
    src: url('/wp-content/themes/portrait-joy-pro/fonts/beautyhandwriting-regular-webfont.woff2') format('woff2'),
         url('/wp-content/themes/portrait-joy-pro/fonts/beautyhandwriting-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.accent {
    font-family: 'Accent Handwriting';
}
h2.accent {
    font-family: 'Accent Handwriting';
    font-size: 5rem;
    margin: 1rem auto;
}
.lg-heading, p.lg-heading, .heading-lg, p.heading-lg {
	font-size: var(--font-size-xxxxl);
}
.aligncenter, .align-center {
    text-align: center;
}

.menu-item-link  {
	letter-spacing: 0;
}
.sub-menu .menu-item-link  { 
	font-size: 10px;
}

.content-sidebar-wrap {
	margin-top: 0;
}

.hidden {
	visibility: hidden;
}
.fl-builder-edit .hidden {
	visibility: visible;
}

:root {
    --font-size-ml: calc( calc(var(--font-size-md) + var(--font-size-lg) ) / 2);
}

/* Typography */  
h2 {
	font-size: 2.6rem;
}
h3 {
	font-size: 1.7rem;
}
.white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white p, .white li, .white {
	color: #fff;
}
.testim-text p {
	font-size: .96rem;
}
span.dc {
	font-size: 1.4rem;
}
span.pink-u {
	box-shadow: inset 0 -.8rem 0 0 rgba(182, 114, 112, .2);
}
h2 span.pink-u {
	box-shadow: inset 0 -1.3rem 0 0 rgba(182, 114, 112, .2);
}
.smallp {
	font-size: .85rem;
}

/* Hero Header - 2024-01-30 */ 
.has-hero-header:not(.header-stuck) .site-header {
    background: transparent;
}
.has-hero-header.header-stuck .site-header {
    background: rgba(40,35,34,.85);
}
.has-hero-header .site-header-wrap .menu-item-link {
    --menu-item-link-color: var(--color-white);
}
.has-hero-header .site-header-wrap .menu-item-link:hover {
    --menu-item-link-color: var(--color-primary);
}
.has-hero-header ul.sub-menu .menu-item-link {
    --menu-item-link-color: var(--color-body);
}
.has-hero-header .menu-toggle-icon {
    --menu-toggle-color: var(--color-white);
}
.has-hero-header:not(.header-stuck) .site-header {
    position: absolute;
}
.has-hero-header .site-header {
    transition: all ease-in 300ms;
}
.has-hero-header .title-area {
    --custom-logo-width: 180px;
}
.has-hero-header .title-area img.custom-logo {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0) brightness(200%) contrast(105%);
}
.has-hero-header.header-stuck .site-inner {
    margin-top: calc( -1 * (var(--header-height-shrunk)));
}
.hero-prehead h1 {
    color: var(--color-white);
    font-size: var(--font-size-xl);
    text-transform: uppercase;
    letter-spacing: 3px;
}
.hero-header h2 {
    color: var(--color-white);
    font-size: 5.5rem;
}
.hero-subhead p {
    color: var(--color-white);
    text-transform: uppercase;
    font-size: var(--font-size-md);
}
.hero-subhead a.button {
    margin-top: var(--spacing-lg);
    --button-background: rgba(0,0,0,.2);
    --button-color: var(--color-white);
    --button-font-size: var(--font-size-md);
    --button-border: 1px solid var(--color-white);
    --button-border-hover: 1px solid var(--color-primary);
    --button-background-hover: var(--color-primary);
}
@media only screen and (max-width: 600px) {
    .hero-prehead h1 {
        font-size: var(--font-size-md);
        letter-spacing: 2px;
    }
    .hero-header h2 {
        font-size: 4rem;
    }
}

/* Header */ 
.site-header { 
border-bottom: none;
}

/* Buttons */ 
.op-btn {
	color: #fff;
	background-color: #995a55;
	border: 1px solid #fff;
}
.op-btn:hover {
	color: #fff;
	background-color: #b67270;
	border: 1px solid #fff;
}
/* Home */ 
h2.hh1 {
	font-size: 3rem;
}
h2.hh2 {
	font-size: 3.3rem;
}
.home-header {
	background-color: rgba(182, 114, 112, .9);
	float: right;
}
.home-header .button {
	margin-top: 1rem;
}
i.fl-list-item-icon {
	margin-right: 5px;
	margin-top: 3px;
}
.portrait-type-hc .pp-hover-card-title-wrap {
	padding-left: 20px;
}
.portrait-type-hc .pp-hover-card-title-wrap:before {
	content: "";
	height: 11rem;
	width: 100%;
	background-color: rgba(182, 114, 112, .7);
	z-index: -1;
	position: absolute;
	left: 55%;
	bottom: -8rem;
	float: left;
}

/* Pricing Tables */ 
div.fl-pricing-table-price {
	padding-right: 2px !important;
	padding-left: 2px !important;
}

/* Footer */ 
.ft-inner .gfield_label {
	margin: 0 !important;
}
.ft-inner {
	max-width: 1100px;
	margin: auto;
}
@media only screen and (max-width: 1099px ) {
	.ft-inner {
		max-width: 90vw;
	}
}
@media only screen and (max-width: 782px) {
	.site-footer h2, .site-footer p {
		text-align: left !important;;
	}
}
.ft-social a, .ft-social img {
	margin-right: .3rem;
}
.ft-social img:hover {
	opacity: .7;
}
.site-footer p.credits {
	font-size: .6rem;
	opacity: .5;
	margin-top: 2rem;
}
.site-footer {
	margin-top: 2rem;
}

/* Blog Styling */ 
.single-post .entry-wrap-single {
	margin-top: 1rem;
}
.single-post.fl-builder .entry-wrap-single {
	margin-top: 2rem;
}
.single-post h1.entry-title-single {
	font-size: 2.6rem;
	margin-bottom: 1rem;
}
.single-post.fl-builder h1.entry-title-single {
	margin-bottom: 2rem;
}
.single-post .entry-meta-before-content {
	font-size: .8rem;
}
.single-post .entry-meta-after-content {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.single-post.fl-builder .entry-meta-after-content {
	display: none;
}
.single-post.fl-builder .adjacent-entry-pagination {
	max-width: 1100px;
	margin: 2rem auto;
}
.single-post .entry-wrap-single p {
	line-height: 1.6;
	margin-bottom: 1.3em;
}