/*
Theme Name: AB Consulting 
Description: A child theme for Beaver Theme for Alexandrion Hotel 2024
Author: Anestis Eleftheriadis
Template: bb-theme
Version: 1.0.0
*/

/* bb overides */
body .fl-page-header, body .fl-page-content{
  background-color: transparent;
}
/*End bb overides */

/** generic style **/
:root {
  /* normal text */
  --font-size: 18px;
  --font-weight:500;
  --font-color:#ffffff;
  --font-family:'DM Sans';
  /* end normal text */

  /* headers */
  --subtitle-font-size: 18px;
  --title-font-size:40px;
  --title-font-color:#ffffff;
  --title-font-weight:500;
/* end headers */

/*backgrounds and colors */
  --background-color:#081F2D;
  --secondary-color:#D1A85D;
  --footer-background:#33647F;
/*backgrounds and colors */

  --intro-font-size:24px;

  --image-max-width:100%;
  /*--padding: 20px;
  --container-width: 100%;*/
}
/* XXL - for devices smaller than 1600px (optional, just for larger screens) */
@media (max-width: 1599.98px) {
  :root {
  }
}

/* Extra large (xl) - for devices smaller than 1400px */
@media (max-width: 1399.98px) {
  :root {
    --image-max-width:600px;

    --subtitle-font-size: 16px;
    --font-size: 16px;
    --title-font-size:38px;
  }
}

/* Large (lg) - for devices smaller than 1200px */
@media (max-width: 1199.98px) {
  :root {
  }
}

/* Medium (md) - for devices smaller than 992px */
@media (max-width: 991.98px) {
  :root {
    --title-font-size:40px;
    --subtitle-font-size: 16px;
    --font-size: 16px;
    --title-font-size:38px;
    
    --button-min-height:40px;
    --button-height:40px;
    --button-padding:8px 16px;
    --button-font-size:14px;

    --intro-font-size:20px;
    
    --description-font-size:20px;
  }
}

/* Small (sm) - for devices smaller than 768px */
@media (max-width: 768px) {
  :root {
    --title-font-size:32px;
    --title-font-size-medium:26px;
  }
}

/* Extra small (xs) - for devices smaller than 576px */
@media (max-width: 575.98px) {
  :root {
    
  }
}

@media (max-width: 440px) { /*my phone*/
  :root {
    
  }
}

html{
  font-size:var(--font-size)!important;
  -webkit-text-size-adjust: 100%;
}
html{
  font-size:var(--font-size)!important;
  -webkit-text-size-adjust: 100%;
}
html body {
  height: 100%;
  width: 100%;
  min-width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  font-family: var(--font-family);
  font-size: var(--font-size)!important;
  font-weight:var(--font-weight);
  color:var(--font-color);
  background-color: var(--background-color);
}
h2,h2.fl-heading{
  color: var(--secondary-color);
  font-size: var(--title-font-size);
  font-weight: var(--title-font-weight);
  font-family: var(--font-family);
  font-size: calc(var(--title-font-size) - 4px);
}
body h3{
  color: var(--secondary-color);
  font-family: var(--font-family);
  font-size: calc(var(--title-font-size) - 8px);
}
body h1{
  color:var(--secondary-color);
  font-family: var(--font-family);
  font-size: var(--title-font-size);
}


html p {
  /*margin-bottom: 2rem;
  font-size: inherit;
  line-height: 1.5;
  text-rendering: optimizeLegibility;*/
}
ul, ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
strong, b {
  font-weight: 900;
}

ul li,ol li{
  padding-left: 10px;
}

.left{
  float:left;
}
.right{
  float:right;
}
.w50{
  width:50%!important;
}
.w100{
  width:100%!important;
}
.w66{
  width:66%!important;
}
.w34{
  width:34%!important;
}
.page-container{
  width: 100%;
}
.text-center{
  text-align: center;
}

footer{
  color: var(--font-color);
}