/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 


/* VARIABLES */
:root {
    /* COLORS */
    --black: #1B1B1B;
    --white: #ffffff;
    --grey: #E6E6E6;
    --grey-light: #F7F7F7;
    --grey-dark: #676767;

    --pink: #CF305F;
    --red-dark: #812926;
    --red-light: #FF5353;
    --blue-teal: #0A5D64;
    --blue-green: #3DA491;
    --blue-dark: #266887;
    --blue-light: #41BED0;
    --green: #7EBB55;
    --green-light: #7EBB55;
    --orange: #F78A3C;
    --orange-light: #F6A974;
    --yellow: #FDCD43;
    


    --GTW-regular: 'GT Walsheim Regular';
    --GTW-regular-oblique: 'GT Walsheim Regular Oblique';
    --GTW-medium: 'GT Walsheim Medium';
    --GTW-medium-oblique: 'GT Walsheim Medium Oblique';
    --GTW-bold: 'GT Walsheim Bold';
    --GTW-bold-oblique: 'GT Walsheim Bold Oblique';
    --GTW-medium: 'GT Walsheim Medium';
    --GTW-medium-oblique: 'GT Walsheim Medium Oblique';
    --HOS: "Hand Of Sean";

}


/**************/
/* TYPOGRAPHY */
/**************/
html, body { 
    font-size: 22px !important; 
    overflow-x: hidden;
}

body {background-color:var(--white)}

h1, .h1, .h1 p, .h1 .fl-heading {
    font-family: var(--GTW-bold);
    font-size: 2.9545rem;
    line-height: 3.4091rem;
    color:var(--white);
}

h2, .h2, .h2 p, .h2 .fl-heading {
    font-family: var(--GTW-bold);
    font-size: 2.2727rem;
    line-height: 2.7273rem;
    color:var(--black);
}

h3, .h3, .h3 p, .h3 .fl-heading {
    font-family: var(--GTW-bold);
    font-size: 1.636rem;
    line-height: 2rem;
    color:var(--black);
    margin: initial;
    margin-top: 0.8182rem;
}

h4, .h4, .h4 p, .h4 .fl-heading {
    font-family: var(--GTW-bold);
    font-size: 1.364rem;
    line-height: 1.727rem;
    color:var(--black);
}

h5, .h5, .h5 p, .h5 .fl-heading {
    font-family: var(--GTW-bold);
    font-size: 1rem;
    line-height: 1.591rem;
    color:var(--black);
}

h1 span:not(.fl-heading-text) {
    font-family: var(--HOS);
}

h2 span:not(.fl-heading-text) {
    font-family: var(--HOS);
}

.small p, p.small {
    font-family: var(--GTW-regular);
    font-size: 0.9091rem;
    line-height: 1.5rem;
    color:var(--black);
}


p, .fl-page-content li {
    font-family: var(--GTW-medium);
    font-size: 1rem;
    line-height: 1.5909rem;
    color:var(--black);
}
p {margin-top:36px;}
.fl-page-content li {line-height: 2.2727rem;}




/*****************/
/* Useful Styles */
/*****************/

   
    /* Seems like Beaver has resolved this!! */
    /*
    body.admin-bar .fl-page-content{margin-top:32px;}
    body.admin-bar .fl-page-content >header {margin-top:32px;}
    */


    
  
 
    /* global link color and underline */
    a {position:relative}
    
    .fl-page-content p a,
    .fl-page-content li a,
    .single .fl-page-content p a,
    .single .fl-page-content li a,
    .fl-page-content form a,
    a.underline,
    footer a,
    .link-blue {
        color:var(--pink) !important;
        text-decoration:none !important;
        position:relative;
    }

    .fl-page-content p a:before,
    .fl-page-content li a:before,
    .single .fl-page-content p a:before,
    .single .fl-page-content li a:before,
    .fl-page-content form a:before,
    a.underline:before,
    footer a:before,
    .link-blue:before {
        content: "";
        position: absolute;
        width: 100%;
        left:0;
        height: 1px;
        bottom: -1px;
        background-color: var(--pink);
        transition: all 0.2s ease;
    }

    @keyframes underline {
        from {width:0}
        to {width:100%}
      }

    .fl-page-content p a:hover:before,
    .fl-page-content li a:hover:before,
    .single .fl-page-content p a:hover:before,
    .single .fl-page-content li a:hover:before,
    .fl-page-content form a:hover:before,
    a.underline:hover:before,
    footer a:hover:before,
    .link-blue:hover:before {
        animation: 0.5s underline;
    }


    .fl-page-content .ctaBtn.whiteArrow a:before {background-color: var(--white);}
    footer a:before {background-color: var(--white);}



    button:focus, 
    a:focus { 
        box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #949494;
        outline:none;
        border-radius:2px;
        top:0;
    }
    


/************************************/
/* Beaver Builder framework patches */
/************************************/
.container {max-width:100%;}

.fl-page-content{
    overflow:hidden !important;
}
.fl-row-content 
{
    padding-left: 70px;
    padding-right: 70px;
}

a#fl-to-top {
    border-radius: 6px;
    bottom: 10px;
    right: 10px;
}

body.fl-builder-edit .fl-page-content {padding-bottom:32px !important;}


.fl-module-button a.fl-button,
.button
 {
    font-family:var(--GTW-regular);
    background:var(--yellow);
    font-size: 0.8182rem;
    line-height: 0.9091rem;
    padding:23px 47px;
    border-radius:100px;
    border:0;
    transition:all .1s ease;
}
.fl-module-button a.fl-button:hover,
.button:hover {
    transform:scale(1.05);
    background:var(--yellow);
}
    
.fl-module-button a.fl-button .fl-button-text,
.button {
    color:var(--black);
}