/*
 Theme Name:   Hermes Child
 Theme URI:    https://generatepress.com
 Description:  Hermes Theme
 Author:       Fine Digital
 Author URI:   https://finedigital.co.uk
 Template:     generatepress
 Version:      0.1
*/


/* Footer Floating Bar Styles END */

@media (min-width: 992px) {
  .hide-desktop {
  display: none;
}
}

@media (max-width: 991px) {
  .hide-mobile {
  display: none;
}
}

@media (max-width: 991px) {
  #header .col-md-3.text-end {
  display: none;
}
.d-flex.flex-wrap.align-items-center.justify-content-center.justify-content-md-between.py-3.mb-4
{
  background: white;
}
}


/* START Footer Floating Bar Styles */

.hermes_info_bar a[href*=tel] {
  pointer-events:none
}
.hermes_info_bar-triggers {
  font-size:0;
  padding:0 20px;
  text-align:center;
  white-space:nowrap
}
.hermes_info_bar {
  background:#ebebeb;
  bottom:0;
  left:0;
  position:fixed;
  transition:all .2s cubic-bezier(.23,.47,.32,1);
  width:100%;
  z-index:10000
}
.hermes_info_bar :focus {
  outline-color:#222
}
.hermes_info_bar :focus:not(:focus-visible) {
  outline-color:transparent
}
.hermes_info_bar-content {
  -webkit-backface-visibility:hidden
}
.hermes_info_bar-trigger {
  cursor:pointer;
  display:inline-block;
  padding:15px 0;
  text-align:center;
  width:25%
}
.hermes_info_bar-trigger a {
  display:block;
  text-decoration: none;
}
.hermes_info_bar-trigger-icon {
  background-repeat:no-repeat;
  background-size:contain;
  display:block;
  height:16px;
  margin:0 auto 8px;
  width:16px;
  font-size: 16px;
}
.hermes_info_bar-trigger-label {
  color:#222;
  display:block;
  font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
  font-size:10px;
  letter-spacing:.5px;
  line-height:1em;
  text-transform:uppercase
}

.hermes_info_bar-overlay {
  align-items:center;
  background:#ebebeb;
  color:#222;
  display:flex;
  height:100%;
  justify-content:center;
  left:0;
  opacity:0;
  position:fixed;
  top:0;
  transition:opacity .2s cubic-bezier(.23,.47,.32,1);
  visibility:hidden;
  width:100%
}
.hermes_info_bar-overlay-content {
  margin:auto;
  width:100%;
  z-index:1
}
.hermes_info_bar-overlay-content>div {
  display:none
}
.hermes_info_bar-overlay-content .hermes_info_bar-map-wrapper {
  display:flex;
  flex-direction:column;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%
}
.hermes_info_bar-overlay-content .hermes_info_bar-map {
  flex:auto
}
.hermes_info_bar-overlay-content .hermes_info_bar-map :focus {
  outline-color:#000
}
.hermes_info_bar-overlay-content .hermes_info_bar-map :focus:not(:focus-visible) {
  outline-color:transparent
}
.hermes_info_bar-overlay-content .hermes_info_bar-address {
  background:#ebebeb;
  box-sizing:border-box;
  color:#aaa;
  flex:none;
  font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
  font-size:12px;
  height:auto;
  line-height:19px;
  padding:20px;
  position:relative;
  width:100%
}
.hermes_info_bar-overlay-content .hermes_info_bar-address [data-type=addressTitle] {
  color:#222;
  font-size:14px;
  line-height:14px;
  margin:2px 0 7px
}

.hermes_info_bar-overlay-close {
  background:#ebebeb;
  cursor:pointer;
  padding:13px;
  position:fixed;
  right:10px;
  top:10px;
  z-index:2
}
.hermes_info_bar-overlay-close:after {
  color:#222;
  content:"×";
  display:block;
  font-family:helvetica,arial,sans-serif;
  font-size:19px;
  font-weight:100;
  line-height:15px;
  padding:0
}
.hermes_info_bar-show-overlay {
  z-index:12000
}
.hermes_info_bar-show-overlay .hermes_info_bar-overlay {
  opacity:1;
  visibility:visible
}
.hermes_info_bar-dark {
  background:#222
}
.hermes_info_bar-dark :focus {
  outline-color:#fff
}
.hermes_info_bar-dark :focus:not(:focus-visible) {
  outline-color:transparent
}
.hermes_info_bar-dark .hermes_info_bar-overlay {
  background:#222;
  color:#fff
}
.hermes_info_bar-dark .hermes_info_bar-address {
  background:#222
}

.hermes_info_bar-dark .hermes_info_bar-overlay-close,
.hermes_info_bar-overlay-close-dark {
  background:#222
}
.hermes_info_bar-dark .hermes_info_bar-overlay-close:focus,
.hermes_info_bar-overlay-close-dark:focus {
  outline-color:#fff
}
.hermes_info_bar-dark .hermes_info_bar-overlay-close:focus:not(:focus-visible),
.hermes_info_bar-overlay-close-dark:focus:not(:focus-visible) {
  outline-color:transparent
}
.hermes_info_bar-dark .hermes_info_bar-overlay-close:after,
.hermes_info_bar-overlay-close-dark:after {
  color:#fff
}
.hermes_info_bar-hide,
.sqs-style-mode .hermes_info_bar {
  transform:translate3d(0,100px,0)
}

/* Footer Floating Bar Styles END */

/* Start Floating Sidebar */


.site-sidebar {
    top: 40%;
    /* -webkit-transform: translateX(-15%);
    transform: translateX(-15%) */
}

.site-sidebar .sidebar-book-btn-container {
    position: fixed;
    /* position: sticky; */
    z-index: 99999;
    -webkit-transform: translate(-65%, 550%) rotate(270deg);
    transform: translate(-65%, 550%) rotate(270deg);
}

.site-sidebar .sidebar-book-btn-container a {
    border: 0px !important;
    min-width: 250px;
}

.site-sidebar .sidebar-book-btn-container a:hover {
    text-decoration: none
}

.site-sidebar .mix-blend {
    position: fixed;
    z-index: 99999;
    mix-blend-mode: difference;
    -webkit-transform: translate(130%, 275%);
    transform: translate(-145%, 275%)
}

.site-sidebar ul.wp-block-social-links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 0px;
    grid-row-gap: 0px
}

.site-sidebar ul.wp-block-social-links li {
    background: rgba(0, 0, 0, 0) !important
}

.site-sidebar ul.wp-block-social-links li a {
    color: #fff
}

.sidebar-btn {
    background-color: #be5f2b !important
}

::-webkit-scrollbar {
    display: none;
    width: 0 !important;
    background: rgba(0, 0, 0, 0)
}

/* Floating Sidebar END */

/* Footer Credits */
.footer-credits-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1200px;
}

@media (max-width: 991px) {
  .footer-credits-container {
    width: 100%;
  }
}

.footer-left, .footer-right {
  margin: 0;
}

.footer-right .uagb-heading-text {
  margin: 0;
}

.separate-containers .inside-article {
  background-color: transparent;
}


/**
 *##################################
 *######### Custome styles #########
 *##################################
 **/
 
/* Blog setction */
.fd-blog-section .gb-loop-item a:first-child {
	width: 100%
}

 
/**
* -------- General ---------
**/

/* Links*/

a.link-light,
.link-light a,
.link-light a > u {
    color: unset;
    font-weight: 700;
    text-decoration: none;
}

a.link-light:hover,
.link-light a:hover{
    text-decoration: underline;
}

a.link-dark,
.link-dark a,
.link-dark a > u {
    color: unset;
    font-weight: 700;
    text-decoration: none;
}

a.link-dark:hover,
.link-dark a:hover{
    text-decoration: underline;
}


/* Navigation button Book Now */
.fd-btn-nav-book-now a {
	line-height: normal !important;
	color: white !important;
	font-weight: 800;
	padding: 0.5rem 1.5rem !important;
	border: 2px solid var(--global-color-8);
	border-radius: 25px;
	background-color: var(--global-color-8);
}

.fd-btn-nav-book-now a:hover {
	color: var(--global-color-8) !important;
	background-color: white;
}


/* Navigation button Book Now */
#site-navigation > div {
	max-width: none;
}

#site-navigation .landline-number {
	margin-left: 1.5rem;	

	width: 30px;
	height: 30px;
	overflow: hidden;

	text-indent: -9999px;
	transform: rotate(-90deg);	
	margin-right:30px;
	margin-top:10px;
	margin-bottom:10px;
	

	background-image: url("https://www.optimiseaesthetics.com/wp-content/uploads/2025/11/phone-calling-svgrepo-com.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

@media (max-width: 991px) {
  .gb-media-8d99bfa8 {
    margin-right:20px;
}
}


/* Contact Form */
#gform_1 #gform_fields_1 {
	row-gap: 1rem;
}

#gform_1 #gform_fields_1 input, 
#gform_1 #gform_fields_1 textarea {
	background-color: unset;
	border: 3px solid white;
	border-radius: 25px;
	overflow: hidden;
	padding: 2rem 2.1rem;
	color: white;
	font-weight: 800;
	font-size: 22px;
	outline-color: var(--global-color-8);
}

#gform_1 #gform_fields_1 textarea {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

#gform_1 input[type="submit"] {
	min-width: 278px;
	border-radius: 25px;
	border: 2px solid white;
	margin-top: 1rem;
	margin-left: auto;
	margin-right: auto;
	font-weight: 800;
	font-size: 20px;
}

#gform_1 input[type="submit"]:hover {
	background-color: var(--global-color-8);
	color: white;
}


/**
* -------- Utility classes ---------
**/

.text-left {
    text-align: left;
}
 
 
/**
* -------- Treatment ---------
**/

/** Single **/

.single-treatments .fd-treatments-container > div {
	max-width: var(--gb-container-width);
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;
}

.single-treatments .fd-treatments-container div[class^="gb-looper-"] {

	column-gap: 3.5rem;
}


@media (max-width: 1024px) {

	.single-treatments .fd-treatments-container > div {
	
	}
	.single-treatments .fd-treatments-container div[class^="gb-looper-"] {
      grid-template-columns: repeat(2, minmax(0, 1fr));
	}


}
@media (max-width: 768px) {
	.single-treatments .fd-treatments-container div[class^="gb-looper-"] {
		grid-template-columns: 1fr;
		
	}
}