/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0
*/


/* ---------------------------------------------- /*
 * Global Styling
/* ---------------------------------------------- */
/*Branding*/
:root {
    /*Select the primary brand colour that will be used for various elements and buttons*/
    --primary: #000000; 
    /*Select a colour that is lighter in tone compared to the primary brand colour*/
    --primaryHover: #222222; 
    /*Select the primary brand colour that works on a dark background that will be used for various elements and buttons*/
    --primaryReverse: #FFFFFF;
    /*Select a colour that is lighter in tone compared to the primary brand colour that works on a dark background*/
    --primaryReverseHover: #F7F7F7; 

    /*Select the secondary brand colour that will be used for various elements and buttons*/
    --secondary: #000000;
    /*Select a colour that is lighter in tone compared to the secondary brand colour*/
    --secondaryHover: #222222;
    /*Select the secondary brand colour that works on a dark background that will be used for various elements and buttons*/
    --secondaryReverse: #FFFFFF;
    /*Select a colour that is lighter in tone compared to the secondary brand colour that works on a dark background*/
    --secondaryReverseHover: #F7F7F7;

    /*Select the tertiary brand colour that will be used for various elements and buttons*/
    --tertiary: #000000;
    /*Select a colour that is lighter in tone compared to the tertiary brand colour*/
    --tertiaryHover: #222222;
    /*Select the tertiary brand colour that works on a dark background that will be used for various elements and buttons*/
    --tertiaryReverse: #FFFFFF;
    /*Select a colour that is lighter in tone compared to the tertiary brand colour that works on a dark background*/
    --tertiaryReverseHover: #F7F7F7;

    --action: #000000;
    --actionHover: #222222;

    --white: #FFFFFF;
    --black: #000000;
    --darkBackground: #222222;
    --darkColor: #FFFFFF;
    --lightBackground: #FFFFFF;
    --lightColor: #222222;
}


/* ---------------------------------------------- /*
 * Flex Box
/* ---------------------------------------------- */
.flex {display:flex} .flow-row-wrap, .flex-row-wrap {flex-flow: row wrap} .flow-row-nowrap, .flex-row-nowrap {flex-flow:row nowrap} .flow-column-wrap, .flex-column-wrap {flex-flow:column wrap} .flow-column-nowrap, .flex-column-nowrap {flex-flow:column nowrap} 
.content-center {align-content:center;} .content-start {align-content:flex-start;} .content-end {align-content:flex-end;}
.content-space-around {align-content:space-around;} .content-space-evenly {align-content:space-evenly;} .content-space-between {align-content:space-between;} .content-stretch {align-content:stretch;}
.items-center {align-items:center;} .items-start {align-items: flex-start;} .items-end {align-items: flex-end;} .items-stretch {align-items:stretch}
.justify-center {justify-content:center} .justify-start {justify-content: flex-start;} .justify-end {justify-content: flex-end;} .justify-space-around {justify-content:space-around;} .justify-space-evenly {justify-content:space-evenly} .justify-space-between {justify-content:space-between;} .justify-stretch {justify-content:stretch;}
.row-gap-100 {row-gap:1rem} .row-gap-200 {row-gap:2rem} .row-gap-300 {row-gap:3rem} .container[class*=row-gap]:after {content:unset !important;}
.column-gap-100 {column-gap:1rem} .column-gap-200 {column-gap:2rem} .column-gap-300 {column-gap:3rem}
@media (min-width:992px) {
    .alternate [class*=col-]:nth-child(1) {order:1} .alternate [class*=col-]:nth-child(0) {order:2}
}


/* ---------------------------------------------- /*
 * Mosaic Grid
/* ---------------------------------------------- */
/*Tiles*/
.tile {border-radius:30px;overflow:hidden;}
.tile-x {display:flex;flex-flow:row wrap;}
.tile-y {display:flex;flex-flow:column wrap;}
.tile-background {position:relative;}
    .tile-background .image_wrapper {position:absolute;width:100%;height:100%;top:0;left:0;}
    .tile-background .content_block {position:absolute;width:100%;bottom:0;left:0;}
/*Grid*/
.grid {display:grid;grid-auto-rows: 1fr;}
.grid-auto {grid-auto-columns:1fr;grid-auto-rows:1fr;}
.grid-gap-50 {gap:0.5rem;} .grid-gap-100 {gap:1rem;} .grid-gap-150 {gap:1.5rem;} .grid-gap-200 {gap:2rem;} .grid-gap-250 {gap:2.5rem;} .grid-gap-300 {gap:3rem;} .grid-gap-350 {gap:3.5rem;} .grid-gap-400 {gap:4rem;} .grid-gap-450 {gap:4.5rem;} .grid-gap-500 {gap:5rem;}

/*Desktop*/
@media only screen and (min-width:992px) {
    .grid-col-1 {grid-template-columns: repeat(1,1fr [col-start]);} .grid-col-2 {grid-template-columns: repeat(2,1fr [col-start]);} .grid-col-3 {grid-template-columns: repeat(3,1fr [col-start]);} .grid-col-4 {grid-template-columns: repeat(4,1fr [col-start]);} .grid-col-5 {grid-template-columns: repeat(5,1fr [col-start]);} .grid-col-6 {grid-template-columns: repeat(6,1fr [col-start]);} .grid-col-7 {grid-template-columns: repeat(7,1fr [col-start]);} .grid-col-8 {grid-template-columns: repeat(8,1fr [col-start]);} .grid-col-9 {grid-template-columns: repeat(9,1fr [col-start]);} .grid-col-10 {grid-template-columns: repeat(10,1fr [col-start]);} .grid-col-11 {grid-template-columns: repeat(11,1fr [col-start]);} .grid-col-12 {grid-template-columns: repeat(12,1fr [col-start]);}

    /*Cells*/
    .col-start-1 {grid-column-start: 1;} .col-start-2 {grid-column-start: 2;} .col-start-3 {grid-column-start: 3;} .col-start-4 {grid-column-start: 4;} .col-start-5 {grid-column-start: 5;} .col-start-6 {grid-column-start: 6;} .col-start-7 {grid-column-start: 7;} .col-start-8 {grid-column-start: 8;} .col-start-9 {grid-column-start: 9;} .col-start-10 {grid-column-start: 10;} .col-start-11 {grid-column-start: 11;} .col-start-12 {grid-column-start: 12;}

    .col-span-1 {grid-column-end:span 1;} .col-span-2 {grid-column-end:span 2;} .col-span-3 {grid-column-end:span 3;} .col-span-4 {grid-column-end:span 4;} .col-span-5 {grid-column-end:span 5;} .col-span-6 {grid-column-end:span 6;} .col-span-7 {grid-column-end:span 7;} .col-span-8 {grid-column-end:span 8;} .col-span-9 {grid-column-end:span 9;} .col-span-10 {grid-column-end:span 10;} .col-span-11 {grid-column-end:span 11;} .col-span-12 {grid-column-end:span 12;} 

    .row-start-1 {grid-row-start: 1;} .row-start-2 {grid-row-start: 2;} .row-start-3 {grid-row-start: 3;} .row-start-4 {grid-row-start: 4;} .row-start-5 {grid-row-start: 5;} .row-start-6 {grid-row-start: 6;} .row-start-7 {grid-row-start: 7;} .row-start-8 {grid-row-start: 8;} .row-start-9 {grid-row-start: 9;} .row-start-10 {grid-row-start: 10;} .row-start-11 {grid-row-start: 11;} .row-start-12 {grid-row-start: 12;} .row-start-13 {grid-row-start: 13;} .row-start-14 {grid-row-start: 14;} .row-start-15 {grid-row-start: 15;} .row-start-16 {grid-row-start: 16;} .row-start-17 {grid-row-start: 17;} .row-start-18 {grid-row-start: 18;} .row-start-19 {grid-row-start: 19;} .row-start-20 {grid-row-start: 20;} .row-start-21 {grid-row-start: 21;} .row-start-22 {grid-row-start: 22;} .row-start-23 {grid-row-start: 23;} .row-start-24 {grid-row-start: 24;} 

    .row-span-1 {grid-row-end: span 1;} .row-span-2 {grid-row-end: span 2;} .row-span-3 {grid-row-end: span 3;} .row-span-4 {grid-row-end: span 4;} .row-span-5 {grid-row-end: span 5;} .row-span-6 {grid-row-end: span 6;} .row-span-7 {grid-row-end: span 7;} .row-span-8 {grid-row-end: span 8;} .row-span-9 {grid-row-end: span 9;} .row-span-10 {grid-row-end: span 10;} .row-span-11 {grid-row-end: span 11;} .row-span-12 {grid-row-end: span 12;} 
}
@media only screen and (max-width:991px) {
    .grid.mobile {grid-template-columns: repeat(2, 1fr [col-start]);}
}


/* ---------------------------------------------- /*
 * Layout
/* ---------------------------------------------- */
html {scroll-padding-top: 4em;scroll-behavior:smooth;}
/*Margin*/
.mt-100 {margin-top:1rem;} .mt-150 {margin-top:1.5rem;} .mt-200 {margin-top:2rem;} .mt-250 {margin-top:2.5rem;} .mt-300 {margin-top:3rem;} .mt-350 {margin-top:3.5rem;} .mt-400 {margin-top:4rem;} .mt-450 {margin-top:4.5rem;} .mt-500 {margin-top:5rem;}
.mb-100 {margin-bottom:1rem;} .mb-150 {margin-bottom:1.5rem;} .mb-200 {margin-bottom:2rem;} .mb-250 {margin-bottom:2.5rem;} .mb-300 {margin-bottom:3rem;} .mb-350 {margin-bottom:3.5rem;} .mb-400 {margin-bottom:4rem;} .mb-450 {margin-bottom:4.5rem;} .mb-500 {margin-bottom:5rem;}
.my-100 {margin-top:1rem;margin-bottom:1rem;} .my-150 {margin-top:1.5rem;margin-bottom:1.5rem;} .my-200 {margin-top:2rem;margin-bottom:2rem;} .my-250 {margin-top:2.5rem;margin-bottom:2.5rem;} .my-300 {margin-top:3rem;margin-bottom:3rem;} .my-350 {margin-top:3.5rem;margin-bottom:3.5rem;} .my-400 {margin-top:4rem;margin-bottom:4rem;} .my-450 {margin-top:4.5rem;margin-bottom:4.5rem;} .my-500 {margin-top:5rem;margin-bottom:5rem;}
/*Padding*/
.pt-100 {padding-top:1rem;} .pt-200 {padding-top:2rem;} .pt-300 {padding-top:3rem;} .pt-400 {padding-top:4rem;} 
.pb-100 {padding-bottom:1rem;} .pb-200 {padding-bottom:2rem;} .pb-300 {padding-bottom:3rem;} .pb-400 {padding-bottom:4rem;} 
.py-100 {padding-top:1rem;padding-bottom:1rem;} .py-200 {padding-top:2rem;padding-bottom:2rem;} .py-300 {padding-top:3rem;padding-bottom:3rem;} .py-400 {padding-top:4rem;padding-bottom:4rem;} 
.pl-100 {padding-left:1rem;} .pl-200 {padding-left:2rem;} .pl-300 {padding-left:3rem;} .pl-400 {padding-left:4rem;} 
.pr-100 {padding-right:1rem;} .pr-200 {padding-right:2rem;} .pr-300 {padding-right:3rem;} .pr-400 {padding-right:4rem;} 
.px-100 {padding-left:1rem;padding-right:1rem;} .px-200 {padding-left:2rem;padding-right:2rem;} .px-300 {padding-left:3rem;padding-right:3rem;} .px-400 {padding-left:4rem;padding-right:4rem;}
.padding-0 {padding:0 !important;} .padding-100 {padding:1rem;} .padding-200 {padding:2rem;} .padding-300 {padding:3rem;} .padding-400 {padding:4rem;} 
@media only screen and (max-width:991px) {
  .padding-100 {padding:0.5rem;} .padding-200 {padding:1rem;} .padding-300 {padding:1.5rem;} .padding-400 {padding:2rem;} 
}
/*Buttons*/
.button {border-radius:100px;padding:12px 20px;background-color:var(--primary);line-height:normal;color:var(--white);}
.button:hover {background-color:var(--primaryHover);}
.button.action {background-color:var(--action);} .button.action:hover {background-color:var(--actionHover);}
.button.reverse {background-color:var(--primaryReverse);color:var(--black);} .button.reverse:hover {background-color:var(--primaryReverseHover);}
.button.large {font-size:24px;padding:12px 24px;}
/*Content*/
section .container, #Footer .container {box-sizing: border-box;}
.full-height {height:100vh;}
.min-full-height {min-height:100vh}
.full-width {width:100vw;max-width:unset !important;}
.overlay {position:absolute;top:0;left:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center;}
.dark {background-color:var(--dark);color:var(--light);}
/*Text*/
p.big {font-size:24px;line-height:normal;font-weight:500;}
p.note {font-size:14px;line-height:14px;}
.preheader {text-transform:uppercase;font-size:18px;line-height:normal;display:block;}
.tagline {font-weight:600;font-size:24px;line-height:normal;display:block;}
#Content ul {list-style-type:disc !important;padding-inline-start:40px;}
.text-left {text-align:left;} .text-center {text-align: center;} .text-right {text-align:right;}
/*Graphics*/
.image_wrapper.cover img {object-fit:cover;width:100% !important;height:100%;}
.image_wrapper.contain img {object-fit:contain;width:100% !important;height:100%;}

/*Footer Menu*/
footer#Footer  .widgets_wrapper:nth-child(3) {padding:0 !important;}
#Footer #menu-footer {padding-left:0;list-style-type:none;float:right;}
#Footer #menu-footer li {display:inline-block;padding:0 10px;font-size:16px;}
#Footer .copyright {font-size:16px;}


/* ---------------------------------------------- /*
 * Mouse Scroll Animated Icon
/* ---------------------------------------------- */
.mouse-icon {border: 2px solid #000000;border-radius: 16px; height: 40px; width: 24px; display: block; z-index: 10; opacity: 0.7;
}
.dark.mouse-icon {border-color:var(--darkColor);} .light.mouse-icon {border-color:var(--lightColor);}
.mouse-icon .wheel {
  -webkit-animation-name: drop;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  -webkit-animation-name: drop;
          animation-name: drop;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.mouse-icon .wheel { position: relative; border-radius: 10px; background: #000000; width: 2px; height: 6px; top: 4px; margin-left: auto; margin-right: auto;
}
.dark.mouse-icon .wheel {background:var(--darkColor);} .light.mouse-icon {background:var(--lightColor);}
@-webkit-keyframes drop {
  0% {
    top: 5px;
    opacity: 0;
  }
  30% {
    top: 10px;
    opacity: 1;
  }
  100% {
    top: 25px;
    opacity: 0;
  }
}
@keyframes drop {
  0% {
    top: 5px;
    opacity: 0;
  }
  30% {
    top: 10px;
    opacity: 1;
  }
  100% {
    top: 25px;
    opacity: 0;
  }
}


/* ---------------------------------------------- /*
 * Custom Styles
/* ---------------------------------------------- */
/*Custom SVG Icons*/
.stroke-1 svg {stroke-width:1;} .stroke-2 svg {stroke-width:2;} .stroke-3 svg {stroke-width:3;} .stroke-4 svg {stroke-width:4;} 
i.core {color:inherit;display:flex;} i.core svg {overflow:visible;}
i.core.dark {color:#FFFFFF;background-color:#000000} i.core.light {color:#000000;background-color:#FFFFFF} i.core.action {color:#FFFFFF;background-color:#E32B24}
i.icon-12 {min-width:12px;min-height:12px;} i.icon-16 {min-width:16px;min-height:16px;} i.icon-24 {min-width:24px;min-height:24px;} i.icon-36 {min-width:36px;min-height:36px;} i.icon-48 {min-width:48px;min-height:48px;} i.icon-60 {min-width:60px;min-height:60px;} i.icon-96 {min-width:96px;min-height:96px;} 
i.icon-12 svg {max-height:12px;max-width:12px} i.icon-16 svg {max-height:16px;max-width:16px} i.icon-24 svg {max-height:24px;max-width:24px} i.icon-36 svg {max-height:36px;max-width:36px} i.icon-48 svg {max-height:48px;max-width:48px} i.icon-48 svg {max-height:60px;max-width:60px} i.icon-96 svg {max-height:96px;max-width:96px}