/*
Theme Name: Twenty Twenty-Five Child
Template: twentytwentyfive
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/
 
/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */


  /*


mobile devices 


@media (min-width:320px)  {  smartphones, portrait iPhone, portrait 480x320 phones (Android)  }
@media (min-width:480px)  {  smartphones, Android phones, landscape iPhone  }
@media (min-width:600px)  {  portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) }
@media (min-width:801px)  {  tablet, landscape iPad, lo-res laptops ands desktops  }
@media (min-width:1025px) {  big landscape tablets, laptops, and desktops  }
@media (min-width:1281px) {  hi-res laptops and desktops }

*/





@media (min-width: 320px) {
	
	body {
		padding-top: 135px;
	}

  .wp-block-navigation__responsive-close {  
    background: #161616;
    color: #fff; 
  }

  .wp-block-navigation.items-justified-right {
    text-align: center;
    --navigation-layout-justification-setting: flex;    
  }

  ul.wp-block-navigation__container.wp-block-navigation {
    padding: 0 2em;
  }

  .wp-block-navigation__responsive-container-close {
    left: 0;
    right: unset;
  }

  .wp-block-navigation__responsive-container.is-menu-open {
      background: #000;
  }

  .wp-block-navigation__responsive-dialog {
    padding-bottom: 2em;
	  
	}
  
	.full-width .container {
		margin: 0 15px;
	}
	
  .full-width .container.flex {
    gap: 0;
    display: block;
  }
  
  .half {
    width: 100%;
  }

  header {
    height: 200px;
  }
  
  header.scrolled {
    height: 117px;
  }

  .full-width#about {
    padding: 0px 0 10px;
  }

  #opening-times, #location {
    flex: 0;
  }

  .wp-block-video {
    margin-top: 3em;
  }


	.wp-block-social-links {
		gap: 0;
		flex-wrap: nowrap;
	}

}

@media (min-width: 1025px) {
	
	body {
      padding-top: 0px;
   }

  main {
    padding-top: 4em;
    margin-top: 0 !important;
  }

  header {
    height: auto;
  }

 .full-width {
     padding: 40px 0 10px;
  }
	
  .full-width#about {
  	padding: 33px 0 10px;
  }

  #opening-times, #location {
    flex: 1;
  }

  .full-width .container.flex {
    display: flex;
    gap: 4.2rem;
  }
	
   .full-width .container { 
		margin: 0 auto;
	}

  .full-width .container.flex .half {
    flex-grow: 3;
    width: 100px;
  }

   .full-width .container.flex .quatre {
    flex-grow: 1.4;
    width: 100px;
  }

  #opening-times, #location {
    flex: 1;
  }
  
  .wp-block-navigation__responsive-dialog {
      padding-bottom: 0em;
  }

  .wp-block-navigation .wp-block-navigation-item.appointment a {
    border: 1px solid #E4DCD1;
    padding: 7px 12px;
    background-color: transparent;
    color: #E4DCD1;
    position: relative;
  }
  
  .wp-block-navigation .wp-block-navigation-item.appointment::after {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #E4DCD1;
    transition: width 0.5s ease;
    z-index: -1;
  }

  .wp-block-navigation .wp-block-navigation-item.appointment:hover::after {
    width: 100%;
  }

  .wp-block-navigation .wp-block-navigation-item.appointment:hover a {
    color: #000;
    text-decoration: none;
    background-color: #E4DCD1;
  }
}



html {
  scroll-behavior: smooth;
}

 body {
    background: #161616 !important;
    color: #E4DCD1;
   --wp--style--root--padding-top: 0;
    --wp--style--root--padding-right: 0;
    --wp--style--root--padding-bottom: 0;
    --wp--style--root--padding-left: 0;
}

header {
  position: fixed;
  background: #161616;
  width: 100%;
  top: 0;
  z-index: 5;
}

header.scrolled {
  min-height: 0px;
}

 .has-global-padding {
   padding-right: 0;
   padding-left: 0;
   width: 100%;
 }

 .full-width {
   width: 100%;
   max-width: 100%;
 }

 /* .half {
  width: 70%;
 }

 .quatre {
  width: 35%;
 } */

.full-width .container {
   max-width: var(--wp--style--global--wide-size);
   /* width: 900px; */
}

 .black {
   background: #161616;
   color: #fff;
 }

 .brown {
   background: #E4DCD1;
   color: #000;
 }

video {
    border-radius: 45px;
 }

 .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
  text-transform: uppercase;
 }

 body .container blockquote {
  font-size: 1.2em;
 }

 .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited  {
  fill: #fff;
  color: unset;
 }

 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-instagram,
 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook {
  background-color: unset;
  color: unset;
 }

 .wp-block-social-links .wp-social-link svg {
  height: 1.3em;
  width: 1.3em;
 }

header figure.big-logo {
  display: block;
}

 header figure.small-logo {
  display: none;
}

header.scrolled figure.small-logo {
  display: block;
  visibility: visible;
  opacity: 1;
  animation-duration: 1.6s;
  animation-fill-mode: forwards;
  animation-name: fadeIn;
}

header.scrolled figure.big-logo  {
  display: none;
  visibility: hidden;
  opacity: 0;
  animation-fill-mode: backwards;
  animation-name: fadeOut;
}

@keyframes fadeIn {
  0% { 
        opacity: 0;
    }
  100% { 
      opacity: 1; 
  }
}

@keyframes fadeOut {
  0% { 
    opacity: 1;
    transform: scale(3);
  }
  
  100% { 
    opacity: 0; 
    transform: scale(0);
  }
}


 .scrolled {
    /*background: color(a98-rgb 0 0 0 / 0.56); 
    transition: background 0.5s ease;*/
    /* border-bottom: 1px solid #000; */
 }

.contact-information { 
    display: flex;
    flex-wrap: wrap;
}

 #map {
    flex: 0 0 100%; 
 }

body .prices #tabMenu-tcbTabbedContent-5 li.active,
body .prices #tabMenu-tcbTabbedContent-5 li {
  background: transparent;
  box-shadow: none;
}

body .prices #tabMenu-tcbTabbedContent-5 li.active {
  border-bottom: 1px solid #000;
}

/*.wp-block-tcb-tabs .tcbTabContent.default .tabMenu {
 gap: 32px;
}*/

body .prices #tabMenu-tcbTabbedContent-5 li span {
  color: #000;
}

#tcbTabbedContent-5 .tabMenu {
  justify-content: space-between;
  gap: 14px;
}

body #tcbTabbedContent-5 .tabContent {
  background: transparent;
}

body #tcbTabbedContent-5 .tabMenu .tabLabel {
  font-family: "Mulish";
  text-transform: uppercase;
}

.wp-block-tcb-tabs .tcbTabContent.default .tabContent h3 {
  font-weight: 300;
  font-size: 0.9em !important;
}

.tabContent h3,
.tabContent p {
  color: #000;
  background: transparent;
}


 .fa-1 {
  background: url('assets/images/female.png') no-repeat top center;
  background-size: contain;
 }

.fa-1::before,
.fa-2::before,
.fa-3::before {
  content: unset;
}

.fa-solid {
  height: 40px;
}

.fa-2 {
  background: url('assets/images/male.png') no-repeat top center;
  background-size: contain;
}

.fa-3 {
  background: url('assets/images/colour.png') no-repeat top center;
  background-size: contain;
}

h1 {
  font-family: "Quicksand", sans-serif;
  font-size: 2.4em;
  margin: 0 0 1.6rem;
}

h2 {
  font-family: "Quicksand", sans-serif;
  font-size: 2.2em;
  margin: 0 0 1.3rem;
}

h3 {
  font-family: "Mulish";
  font-weight: 200;
  text-transform: uppercase;
}

 .oooh-baby-regular {
  font-family: "Oooh Baby", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.mulish {
  font-family: 'Mulish', sans-serif;
  font-weight: 200;
  font-style: normal;
}


.mulish-uniquifier {
  font-family: "Mulish", sans-serif;
  font-optical-sizing: auto;
  font-weight: weight;
  font-style: normal;
}


figure.wp-block-image.alignleft  {
  float: left;
}

.wp-block-image img {
  border-radius: 45px; 
}