/*
Theme Name: Frames by RIA
Author: GWP Inc.
Description: Frames by RIA Child Theme
Version: 1.0
Template: bootstrap-component-blox
*/

:root {
    --ff-primary: #d4a797;
    --ff-secondary: #A9C67D;
    --ff-secondary: #4d6683;
    --ff-dark: #222;
    --ff-brown: #805b54;
    --ff-cream: #fdf9f0;
    --ff-font-header: 'Poppins', sans-serif;
    --ff-font-body: 'Poppins', sans-serif;
    --ff-light: #ebf2e3;
    --ff-green: #2C5B1D;
    --ff-orange: #D68134;
    --ff-blue: #0A3E71;
}

/* ===== Global ===== */

html,
body {
    overflow-x: hidden;
    font-family: var(--ff-font-body);
}

a {
    text-decoration: none;
    color: var(--ff-secondary);
}

a:hover {
    color: var(--ff-secondary);
}

section,
#primary {
    background: #fff;
}

.entry-content {
    background: #fff;
}

/* ===== Custom Classes ===== */

.clipped {
  -webkit-clip-path: inset(0 0 0 100%);
          clip-path: inset(0 0 0 100%);
}

.fade-up {
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
}

.lh-large {
    line-height: 1.7em;
}

.lh-xs {
    line-height: 1.1em;
}

.fs-12 {
    font-size: 12px;
}

.fs-14 {
    font-size: 14px;
}

.fs-18 {
    font-size: 18px;
}

.fw-200 {
    font-weight: 200!important;
}

.fw-300 {
    font-weight: 300!important;
}

.fw-400 {
    font-weight: 400!important;
}

.fw-500 {
    font-weight: 500!important;
}

.fw-600 {
    font-weight: 600!important;
}

.fw-700 {
    font-weight: 700!important;
}

.object-fit {
	object-fit: cover;
}

.mh-300 {
	min-height: 300px;
}

.h-200 {
	height: 200px;
}

.h-300 {
	height: 300px;
}

.h-400 {
	height: 400px;
}

.mh-500 {
	min-height: 500px;
}

.object-fit-cover {
    object-fit: cover;
}

.section-title {
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    font-weight: 300;
    letter-spacing: 3px;
}

.mw-700 {
    max-width: 700px;
}

.section-title span {
    margin: 0 30px;
}

.ls-1 {
    letter-spacing: 1px;
}

.ls-2 {
    letter-spacing: 2px;
}

.ls-3 {
    letter-spacing: 3px;
}

.z-back {
    z-index: 5;
}

.z-front {
    z-index: 10;
}

.bg-pattern {
    background: url(/wp-content/uploads/2021/07/so-white.png);
	background: url(/wp-content/uploads/2021/07/stripes-light.png);
    background-repeat: repeat;
    background-size: 100px;
}

.bg-image {
   background: url(/wp-content/uploads/2021/07/bg-3.jpg);
   background-attachment: fixed;
}

.ff-divider {
    width: 100px; 
    height: 2px; 
}

.ff-border-bottom {
    border-bottom: 1px solid #000;
}

.stamp {
    background-color: #ccc;
    background-image: radial-gradient(#fff 50%, transparent 50%);
    background-position: -5px -5px;
    background-repeat: repeat;
    background-size: 10px 10px;
    padding: 5px;
}

.stamp_inner {
    background-color: #ccc;
}

.text-shadow {
    text-shadow: 0 0 10px rgb(0 0 0 / 50%);
}

/* ===== Text Color ===== */

.ff-text-primary {
    color: var(--ff-primary);
}

.ff-text-secondary {
    color: var(--ff-secondary);
}

.ff-text-dark {
    color: var(--ff-dark);
}

.ff-text-brown {
    color: var(--ff-dark);
}

.ff-text-green {
    color: var(--ff-green);
}

.ff-text-orange {
    color: var(--ff-orange);
}

.ff-text-blue {
    color: var(--ff-blue);
}

/* ===== Background Color ===== */

.ff-bg-primary {
    background-color: var(--ff-primary);
}

.ff-bg-secondary {
    background-color: var(--ff-secondary);
}

.ff-bg-dark {
    background-color: var(--ff-dark);
}

.ff-bg-brown {
    background-color: var(--ff-brown);
}

.ff-bg-cream {
    background-color: var(--ff-cream);
}

.ff-bg-light {
    background-color: var(--ff-light);
}

.ff-bg-grey {
    background-color: #ccc;
}

.ff-bg-green {
    background-color: var(--ff-green);
}

.ff-bg-orange {
    background-color: var(--ff-orange);
}

.ff-bg-blue {
    background-color: var(--ff-blue);
}

/* ===== Button Color ===== */

.btn {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    padding: 12px 25px;
    border-radius: 2px;
	transition: all .3s;
	font-weight: 600;
}

.btn:hover {
	box-shadow: 0 0 30px rgba(0,0,0,0.1);
} 

.btn svg {
    transition: all .5s;
	fill: #999;
}

.btn:hover svg {
    transform: translatex(5px);
    transition: all .2s;
	fill: var(--ff-dark);
}

.ff-btn-primary {
    background: var(--ff-primary);
    color: #fff;
}

.ff-btn-secondary {
    background: var(--ff-secondary);
    color: #fff;
}

.ff-btn-primary:hover,
.ff-btn-secondary:hover {
    color: #fff;
}

.ff-btn-dark {
    background: var(--ff-dark);
}

.ff-btn-white {
    background: #fff;
    border: 1px solid rgba(0,0,0,1);
}

.ff-btn-green {
    background: var(--ff-green);
    color: #fff;
}

.ff-btn-green:hover {
    background: var(--ff-green);
    color: #fff;
}

.ff-btn-blue {
    background: var(--ff-blue);
    color: #fff;
}

.ff-btn-blue:hover {
    background: var(--ff-blue);
    color: #fff;
}

.ff-btn-orange {
    background: var(--ff-orange);
    color: #fff;
}

.ff-btn-orange:hover {
    background: var(--ff-orange);
    color: #fff;
}

/* ===== Navbar ===== */

#toggler:focus, 
#toggler:active {
    outline: 0;
}

#toggler span {
    width: 30px;
    height: 3px;
    display: block;
    background-color: var(--ff-dark);
    margin: 7px 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

#toggler span:nth-child(1) {
    -webkit-transform: translatey(10px) rotate(-45deg);
        -ms-transform: translatey(10px) rotate(-45deg);
            transform: translatey(10px) rotate(-45deg);
}
#toggler span:nth-child(2) {
    opacity: 1;
    width: 0;
}
#toggler span:nth-child(3) {
    -webkit-transform: translatey(-10px) rotate(45deg);
        -ms-transform: translatey(-10px) rotate(45deg);
            transform: translatey(-10px) rotate(45deg);  
}

#toggler.collapsed span {
    -webkit-transform: translatey(0) rotate(0deg);
        -ms-transform: translatey(0) rotate(0deg);
            transform: translatey(0) rotate(0deg);
    opacity: 1;
    width: 30px;   
}

#navbar-brand-logo img {
    width: 300px
}

#navbar-main-menu .dropdown-menu {
    padding: 10px;
}

#navbar-main-menu .nav-link {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--ff-dark);
}

#navbar-main-menu a:hover {
    color: var(--ff-secondary)!important;
}

#top-navbar .shop-now:hover {
    color: var(--ff-secondary);
}

#top-navbar .bi-arrow-right {
    transition: all .3s;
}

#top-navbar .shop-now:hover ~ .bi-arrow-right {
    transition: all .2s;
    transform: translatex(5px);
}

/* ===== Header ===== */

#ff-main-header svg {
    width: 50px;
}

#ff-main-header .col-lg-5 {
    top: 110px;
    position: relative;
}

#top-line,
#bottom-line,
#cross-line,
#right-line,
#left-line,
#left-circle,
#right-circle {
    transition: all .3s;
}

#ff-main-header #ff-orange-icon:hover #top-line {
	transform: translatey(10px);
}

#ff-main-header #ff-orange-icon:hover #bottom-line {
	transform: translatey(-10px);
}

#ff-main-header #ff-orange-icon:hover #cross-line {
	opacity: 0;
}

#ff-main-header #ff-green-icon:hover #left-line {
    transform: translatex(19px);
}

#ff-main-header #ff-green-icon:hover #right-line {
    transform: translatex(-19px);
}

#ff-main-header #ff-blue-icon:hover #left-circle {
    transform: translatex(16px);
}

#ff-main-header #ff-blue-icon:hover #right-circle {
    transform: translatex(-16px);
}

#ff-main-header img {
    width: 400px;
    width: 100%;
}

/* ===== Packages ===== */

#ff-packages .col:first-child .card {
    background-color: #fff;
    border: solid 4vmin #eee;
    border-bottom-color: #fbfbfb;
    border-left-color: #eee;
    border-radius: 2px;
    border-right-color: #eee;
    border-top-color: #ddd;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25) inset, 0 5px 10px 5px rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    text-align: center;
}

#ff-packages .col:last-child .card {
    background-color: #fff;
    border: solid 4vmin #eee;
    border-bottom-color: #fbfbfb;
    border-left-color: #eee;
    border-radius: 2px;
    border-right-color: #eee;
    border-top-color: #ddd;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25) inset, 0 5px 10px 5px rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    text-align: center;
}

#ff-packages .card-body,
#ff-packages .card-footer {
    position: relative;
    z-index: 9;
}

#ff-packages .outer-frame {
    border-radius: 2px;
    bottom: -2vmin;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2) inset;
    left: -2vmin;
    position: absolute;
    right: -2vmin;
    top: -2vmin;
    z-index: 8;
}

#ff-packages .inner-frame {
    border-radius: 2px;
    bottom: -2.5vmin;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    left: -2.5vmin;
    position: absolute;
    right: -2.5vmin;
    top: -2.5vmin;
    z-index: 7;
}

/* ===== Steps ===== */

#ff-steps h2 {
    height: 70px;
    width: 70px;
    border-radius: 50px;
    border: 4px solid #fff;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}

#ff-how-it-works svg,
#ff-walk-in-service svg,
#ff-create-your-frame svg,
#ff-create-your-frame-options svg{
    width: 60px;
}

#ff-how-it-works #bg {
    fill: #fff;
}

#ff-how-it-works #left-line,
#ff-how-it-works #center-line,
#ff-how-it-works #right-line {
    fill: var(--ff-green);
}

#ff-how-it-works .ff-circle,
#ff-create-your-frame .ff-circle{
    width: 40px;
    height: 40px;
    border-radius: 50px;
    color: #fff;
    background: #000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#ff-how-it-works .ff-line,
#ff-create-your-frame .ff-line {
    height: 4px;
    background: #000;
    position: absolute;
    top: 18px;
}

#ff-how-it-works .row .col:nth-child(1) .ff-line,
#ff-create-your-frame .row .col:nth-child(1) .ff-line {
    width: 50%;
    left: 50%;
}

#ff-how-it-works .row .col:nth-child(2) .ff-line,
#ff-create-your-frame .row .col:nth-child(2) .ff-line{
    width: 100%;
    left: 0;
}

#ff-how-it-works .row .col:nth-child(3) .ff-line,
#ff-create-your-frame .row .col:nth-child(3) .ff-line{
    width: 50%;
    left: 0;
}

/* ===== Blue ===== */

#ff-walk-in-service #bg {
    fill: #fff;
}

#ff-walk-in-service #left-circle,
#ff-walk-in-service #right-circle {
    fill: var(--ff-blue);
}

/* ===== Orange ===== */

#ff-create-your-frame #bg,
#ff-create-your-frame-options #bg{
    fill: #fff;
}

#ff-create-your-frame #top-line,
#ff-create-your-frame  #bottom-line,
#ff-create-your-frame  #cross-line,
#ff-create-your-frame-options #top-line,
#ff-create-your-frame-options #bottom-line,
#ff-create-your-frame-options #cross-line{
    fill: var(--ff-orange);
}

/* ===== Has Form ===== */

.has-form input {
    padding-left: 0!important;
    border: none!important;
    border-bottom: 1px solid #000!important;
    font-size: 14px!important;
}

.has-form textarea {
    padding-left: 0!important;
    border: none!important;
    border-bottom: 1px solid #000!important;
    font-size: 14px!important;
}

.has-form input::placeholder,
.has-form textarea::placeholder{
    text-transform: uppercase!important;
    font-size: 14px!important;
    color: #000;
    letter-spacing: 2px!important;
}

.has-form .wpforms-submit {
    background: #000!important;
    padding: 10px 30px!important;
    color: #fff!important;
    text-transform: uppercase!important;
    font-size: 12px!important;
    letter-spacing: 2px!important;
    border-radius: 2px!important;
    border: none!important;
    border: 2px solid #000!important;
}

.has-form .wpforms-submit:hover {
    background: #fff!important;
    color: #000!important;
}

.has-form .wpforms-container-full {
    margin-bottom: 0;
}

.has-form #wpforms-82-field_5-container label {
    margin-bottom: 15px!important;
}

/* ===== Services ===== */

#ff-services svg {
    width: 35px
}

/* ===== Choose Your Frame ===== */

#ff-create-your-frame-options img {
    transition: all .3s;
}

#ff-create-your-frame-options img:hover {
    transform: scale(1.05);
}

/* ===== Woocommerce Global ===== */

.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
    border: none!important;
    border-radius: 50px!important;
    width: auto!important;
    display: inline-block!important;
    margin-right: 5px!important;
}

.woocommerce-info {
    background: #FFFAE9!important;
}
.woocommerce-message {
    background: #EFF8EF!important;
}
.woocommerce-error {
    background: #FCF6F6!important
}
.woocommerce-message a {
    color: var(--ff-secondary)!important;
}

.woocommerce-info a,
.woocommerce-error a {
    color: var(--ff-dark)!important;
}

.woocommerce-info::before {
    color: #8fae1b!important;
}

.button,
.single_add_to_cart_button,
.wc-backward,
.woocommerce-cart .checkout-button,
.woocommerce-checkout .button,
.woocommerce-form-login__submit,
.woocommerce-form-register__submit {
    background: #000!important;
    text-transform: uppercase!important;
    font-size: 12px!important;
    letter-spacing: 2px!important;
    padding: 15px 25px!important;
    border-radius: 2px!important;
    transition: all .3s!important;
    color: #fff!important;
    font-weight: 500!important;
    border: none!important;
}

/* ===== Woocommerce Template ===== */

#bcb-woocommerce form input,
#bcb-woocommerce form select, 
#bcb-woocommerce form textarea {
    border: 1px solid rgba(51, 51, 51, 0.1)!important;
	border-radius: 0!important;
	padding: 10px!important;
}

#bcb-woocommerce form legend {
    display: none;
}

#bcb-woocommerce .woocommerce-LostPassword {
   margin-bottom: 0.5rem; 
}
   
#bcb-woocommerce .woocommerce-LostPassword a {
    color: var(--ff-secondary);
}

/* ===== Single Product Page ===== */

.single-product #ff-woocommerce .entry-summary a:hover {
    color: var(--ff-secondary);
}

.single-product #ff-woocommerce .wapf-wrapper {
    margin-left: 0!important;
}

.single-product #ff-woocommerce .flex-viewport {
    border: 1px solid rgba(0,0,0,0.1);
}

.single-product #ff-woocommerce .flex-control-thumbs {
    margin-top: 10px;
    border: 1px solid rgba(0,0,0,0.1);
}

.single-product #ff-woocommerce .wapf-field-label {
    margin-bottom: 5px!important;
}

.single-product #ff-woocommerce .wapf-field-label label {
    font-size: .9em;
}

.single-product #ff-woocommerce  .wapf-field-container {
    padding-right: 0px!important;
}

.single-product #ff-woocommerce .wapf-product-totals div span:first-child {
    font-weight: 500;
}

.single-product #ff-woocommerce .woocommerce-product-gallery__image {
    pointer-events: none;
}

.single-product #ff-woocommerce abbr[data-bs-original-title], 
.single-product #ff-woocommerce abbr[title] {
    -webkit-text-decoration: none;
    text-decoration: none;
    color: #D63638;
}

#ff-modal-instruction .nav-tabs .nav-link {
    color: var(--ff-dark);
}

.single-product #ff-woocommerce .wapf-input {
    padding: 10px!important;
    border: 1px solid #ddd;
}

.single-product #ff-woocommerce .wapf-input[type="file"] {
    border: none!important;
    padding-left: 0!important;
    padding-top: 0!important;
}

.single-product #ff-woocommerce .wapf-product-totals .wapf--inner div:nth-child(1),
.single-product #ff-woocommerce .wapf-product-totals .wapf--inner div:nth-child(2){
    display: none!important;
}

.single-product #ff-woocommerce .table-bordered th {
    font-weight: 500;
}

.single-product #ff-woocommerce form.cart {
    margin-bottom: 1em;
}

.single-product #ff-woocommerce .variations tr {
    border-bottom: #ddd!important;
}

.single-product #ff-woocommerce .woo-variation-product-gallery {
    max-width: 100%!important;
    width: 50%!important;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    border-radius: 2px;
}

.single-product #ff-woocommerce .variations td:first-child {
    width: 150px;
}

.single-product #ff-woocommerce .selected {
    background: #eee;
    box-shadow: 0 0 0 1px rgb(0 0 0 / 30%)!important;
}

#pa_size {
    height: 40px;
    border-color: #ddd;
    padding-left: 5px;
}

.single-product .quantity {
    float: none!important;
    margin-bottom: 10px!important;
}

.single-product .quantity .qty {
    height: 40px!important;
    border: 1px solid #ddd!important;
}

.single-product .reset_variations {
    color: #ccc!important;
}

.single-product .variations label {
    font-weight: 400!important;
}

.single-product .woo-selected-variation-item-name {
    font-weight: 200!important;
}

.single-product .product_title {
    font-size: 1.25rem!important;
	font-weight: 600!important;
	text-transform: uppercase!important;
}

.single-product .added_to_cart {
   display: none!important; 
}



/* ===== Cart Page ===== */

#cartpops-drawer .cpops-drawer-header__title span {
    font-weight: 300!important;
}

.woocommerce-cart #bcb-woocommerce .actions {
    display: none!important;
}

/* Change number 4 with number of column you want to remove */
.woocommerce-cart #bcb-woocommerce table.cart td:nth-of-type(4),
.woocommerce-cart #bcb-woocommerce table.cart th:nth-of-type(4),
.woocommerce-cart #bcb-woocommerce table.cart td:nth-of-type(5), 
.woocommerce-cart #bcb-woocommerce table.cart th:nth-of-type(5) {
    display: none;
}

.woocommerce-cart #bcb-woocommerce .product-remove {
    position: relative;
}

.woocommerce-cart #bcb-woocommerce a.remove:hover {
    background: transparent;
}

.woocommerce-cart #bcb-woocommerce a.remove:hover .ff-close {
    color: #333;
}

.woocommerce-cart #bcb-woocommerce .cart_totals h2 {
    font-size: 1.5em;
    font-weight: 300!important;
}

.woocommerce-cart #bcb-woocommerce th,
.woocommerce-cart #bcb-woocommerce .woocommerce-Price-amount {
    font-weight: 500!important;
}

.woocommerce-cart #bcb-woocommerce .cart_item td {
    border-top: none!important;
}

.woocommerce-cart #bcb-woocommerce .cart img {
    width: 100px;
    border: 1px solid #eee;
    padding: 10px;
    border-radius: 2px;
}

.woocommerce-cart #bcb-woocommerce .actions .button {
    font-weight: 300!important;
    border-radius: 50px!important;
    text-transform: uppercase!important;
    font-size: 12px!important;
    letter-spacing: 2px!important;
    padding: 12px 25px!important;
    border-radius: 2px!important;
	transition: all .3s!important;
}

.woocommerce-cart #bcb-woocommerce .ff-close {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translatey(-50%);
    width: 32px;
     height: 32px;
    opacity: 0.3;
}

.woocommerce-cart #bcb-woocommerce .ff-close:hover {
  opacity: 1;
}

.woocommerce-cart #bcb-woocommerce .ff-close:before, 
.woocommerce-cart #bcb-woocommerce .ff-close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: #333;
}

.woocommerce-cart #bcb-woocommerce .variation dt {
    font-weight: 500!important;
}

.woocommerce-cart #bcb-woocommerce .variation dd p {
    font-weight: 300!important;
}

.woocommerce-cart #bcb-woocommerce .ff-close:before {
  transform: rotate(45deg);
}

.woocommerce-cart #bcb-woocommerce .ff-close:after {
  transform: rotate(-45deg);
}

.woocommerce-cart #bcb-woocommerce .cart_totals {
    width: 40%;
}

.woocommerce-cart #bcb-woocommerce .product-name a {
    color: var(--ff-secondary);
}

.woocommerce-cart #bcb-woocommerce .quantity input {
    border: none!important;
}

.woocommerce-cart #bcb-woocommerce .wc-proceed-to-checkout {
    padding-bottom: 0!important;
}

.woocommerce-cart #bcb-woocommerce .wc-proceed-to-checkout a {
    margin-bottom: 0!important;
}

/* ===== Checkout Page ===== */

.woocommerce-checkout #bcb-woocommerce #order_review dt {
    font-weight: 600!important;
}

.woocommerce-checkout #bcb-woocommerce form.checkout label {
    font-weight: 400!important;
}

.woocommerce-checkout #bcb-woocommerce .col-1 {
	width: 100%!important;
	float: none!important;
}

.woocommerce-checkout #bcb-woocommerce .select2-selection--single {
	padding-top: 10px!important;
	padding-bottom: 10px!important;
	height: 50px!important;
}

.woocommerce-checkout #bcb-woocommerce form.checkout h3 {
	text-transform: uppercase!important;
	font-size: 12px!important;
	background: var(--ff-dark)!important;
	display: inline-block!important;
	color: #fff!important;
	margin-left: -25px!important;
	padding: 10px!important;
	margin-top: 20px!important;
	margin-bottom: 20px!important;
	letter-spacing: 2px!important;
}

.woocommerce-checkout #bcb-woocommerce  #place_order {
	margin-top: 15px!important;
}

.woocommerce-checkout #bcb-woocommerce #add_payment_method #payment, 
.woocommerce-checkout #bcb-woocommerce .woocommerce-cart #payment, 
.woocommerce-checkout #bcb-woocommerce .woocommerce-checkout #payment {
	background: transparent!important;
	padding-bottom: 0px!important;
}

.woocommerce-checkout #bcb-woocommerce .col2-set .col-2, 
.woocommerce-checkout #bcb-woocommerce.woocommerce-page .col2-set .col-2 {
    float: none!important;
    width: 100%!important;
}

.woocommerce-checkout #bcb-woocommerce .checkout_coupon {
    margin-bottom: 20px;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
    border: none;
    margin-top: 0;
}

.woocommerce-checkout #bcb-woocommerce form.checkout_coupon .form-row {
    width: 100%!important;
}

.woocommerce-checkout #bcb-woocommerce .wc_payment_methods .woocommerce-info {
    border-radius: 0!important;
}

.woocommerce-checkout #bcb-woocommerce .woocommerce-privacy-policy-text a {
    color: var(--ff-secondary);
}


/* ===== Confirmation page ===== */

.woocommerce-checkout .woocommerce-column__title {
    font-size: 20px!important;
}

.woocommerce-checkout .woocommerce-column--billing-address.col-1 {
    margin-bottom: 30px!important;
}

/* ===== Account Page ===== */

.woocommerce-account #bcb-woocommerce .woocommerce-Button {
    display: none;
}

.woocommerce-account #bcb-woocommerce .woocommerce-MyAccount-navigation, 
.woocommerce-account #bcb-woocommerce .woocommerce-MyAccount-content {
    float: none;
    width: 100%;
}

.woocommerce-account #bcb-woocommerce .woocommerce-edit-address .woocommerce-MyAccount-content p,
.woocommerce-account #bcb-woocommerce .woocommerce-edit-account .woocommerce-MyAccount-content p{
	display: block;
}

.woocommerce-account #bcb-woocommerce .woocommerce-MyAccount-navigation {
    margin-bottom: 20px;
}

.woocommerce-account #bcb-woocommerce .woocommerce-MyAccount-navigation ul {
    list-style-type: none!important;
    margin: 0!important;
    padding: 0!important;
    overflow: hidden!important;
}

.woocommerce-account #bcb-woocommerce nav.woocommerce-MyAccount-navigation ul li {
	display: inline-block;
	text-align: center;
	margin-bottom: 0;
}

.woocommerce-account #bcb-woocommerce nav.woocommerce-MyAccount-navigation ul li a {
	display: inline-block;
	width: 100%;
	margin-bottom: 5px;
	padding: 10px;
	border: 1px solid rgba(51, 51, 51, 0.1);
	transition: all .1s;
	box-sizing: border-box;
	color: var(--ff-dark);
}

.woocommerce-account #bcb-woocommerce nav.woocommerce-MyAccount-navigation ul li a:hover {
	background: #eee;
	transition: all .3s;
	color: var(--ff-dark);
}

.woocommerce-account #bcb-woocommerce nav.woocommerce-MyAccount-navigation ul .is-active a {
	background: var(--ff-dark);
	color: #fff;
	border: none;
}

.woocommerce-account #bcb-woocommerce .woocommerce-MyAccount-navigation-link--dashboard,
.woocommerce-account #bcb-woocommerce .woocommerce-MyAccount-navigation-link--customer-logout{
	display: none!important;
}

.woocommerce-account #bcb-woocommerce .woocommerce-address-fields__field-wrapper {
    margin-bottom: 20px;
}

.woocommerce-account #bcb-woocommerce .select2-container--default .select2-selection--single {
    border: 1px solid rgba(0,0,0,0.2)!important;
    border-radius: 0px!important;
}

.woocommerce-account #bcb-woocommerce .woocommerce-error, 
.woocommerce-account #bcb-woocommerce .woocommerce-info, 
.woocommerce-account #bcb-woocommerce .woocommerce-message {
    margin-bottom: 0;
}

.woocommerce-account #bcb-woocommerce .woocommerce form.login, 
.woocommerce-account #bcb-woocommerce .woocommerce form.register {
    border: none;
    padding: 0;
    margin: 0;
    text-align: left;
    border-radius: 5px;
}

#bcb-woocommerce .woocommerce-form-login__rememberme {
    display: block;
    margin-bottom: 10px;
}

.woocommerce-account #bcb-woocommerce .woocommerce-Address-title h3 {
    font-size: 1.5em;
    font-weight: 400;
}

/* ===== Registration Page ===== */

#bcb-woocommerce .woocommerce-form-register label {
    display: block;
}

#bcb-woocommerce .woocommerce-form-register input {
    width: 100%;
}

/* ===== Portfolio ===== */

.carousel-control-next, 
.carousel-control-prev {
    width: auto!important;
}

#ff-portfolio-archive i {
    position: absolute;
    top: 25px;
    right: 50px;
    color: #fff;
    opacity: 0;
    transform: translatey( 10px);
    transition: all .2s;
}

#ff-portfolio-archive .object-fit-cover {
    transition: all .1s;
}

#ff-portfolio-archive .object-fit-cover:hover {
    box-shadow: 0 0 30px rgba(0,0,0,0.1);
    transition: all .3s;
}

#ff-portfolio-archive .col:hover i {
    opacity: 1;
    transform: translatey(0);
}

/* ===== Footer ===== */

footer {
    font-size: 14px;
    background: #fff;
    color: var(--ff-dark);
}

footer a {
    color: var(--ff-dark);
}

footer a:hover {
    color: var(--ff-secondary)!important;
}

#footer-widgets {
    background: var(--ff-dark)!important;
	display: none;
}

#footer-widgets .row {
    margin: auto;
    max-width: 90%;
}

#footer-widgets .col {
    padding-left: 20px;
    padding-right: 20px;
}

#footer-widgets h4 {
    font-weight: 200;
    color: #fff!important;
    font-size: 20px!important;
    margin-bottom: 20px!important;
}

#footer-widgets ul {
    list-style: none;
    padding-left: 0;
}

#footer-widgets li {
    padding-bottom: 10px!important;
    font-size: 14px;
}

#footer-widgets .textwidget {
    font-weight: 200;
    color: rgba(255,255,255,0.7)!important;
}

#footer-widgets a {
    font-weight: 200;
    color: var(--ff-primary);
}

#sign-up-form .wpforms-submit-container {
    position: inherit;
}

#sign-up-form .wpforms-container-full {
    position: relative;
}

#sign-up-form input {
    background: transparent;
    border-color: rgba(255,255,255,0.5);
    border-radius: 50px;
    padding: 25px 20px;
    color: #fff!important;
}

#sign-up-form .wpforms-submit {
    position: absolute;
    top: 15px;
    right: 5px;
    border-radius: 50px;
    padding: 8px 25px;
}

#sign-up-form .wpforms-error {
    color: var(--ff-secondary);
}

/* ===== Hours Modal ===== */

#ff-modal-hours li {
    font-weight: 200;
}

#ff-modal-hours li span {
    font-weight: 400;
}

@media (max-width: 1200px) {

    #ff-main-header .display-2 {
        font-size: 40px!important;
    }
    
}

@media (max-width: 1400px) {

    #ff-main-header .col-lg-5 {
        top: 97px;
    }
}

@media (max-width: 1200px) {

    #ff-main-header .col-lg-5 {
        top: 78px;
    }
}

@media (max-width: 992px) {
    
    #ff-main-header .col-lg-5 {
        top: 0px;
    }
    
    .fs-small {
        font-size: 12px;
    }
	
	.mh-500 {
		min-height: auto;
	}
	
	.single-product #ff-woocommerce .woo-variation-product-gallery {
        max-width: 100%!important;
        width: 100%!important;
    }
    
    .single-product .summary {
        padding: 0!important;
    }
    
    .woocommerce-cart #bcb-woocommerce .cart_totals {
        width: 100%!important;
    }
    
    .woocommerce-account #bcb-woocommerce nav.woocommerce-MyAccount-navigation ul li {
	    width: 100%;
    }
    
    .single-product #bcb-woocommerce .flex-viewport {
        height: 100%;
    }
    
    #footer-widgets .row {
        margin: auto;
        max-width: 100%;
    }
    
    #footer-widgets .col {
        padding-left: 0!important;
        padding-right: 0!important;
    }
    
    #ff-framing-products .ff-box {
        transform: scale(1)!important;
    }
    
    .h-400 {
	    height: 200px;
    }
    
    #ff-main-header img {
        width: 100%;
    }
    
    #navbar-brand-logo img {
        width: 200px
    }

}

@media (max-width: 768px) {}

@media (max-width: 576px) {}