w/*
Theme Name: Custom Framework
Theme URI: https://boostbydesign.com
Description:
Author: Boost by Design
Author URI: https://boostbydesign.com
Template: Total
Version: 4.7.1
*/

/**********
01 Fonts
02 Global colors
03 Header & Menu
04 UX Elements (buttons, accordions, etc.)
05 Slider/Hero
06 Design Elements
07 Gravity Forms
08 Sidebar
09 Blog
10 Footer
11 eCommerce
12 Media Queries
**********/

/*** 01 fonts ***/
html {font-size:10px;}

body, p, h5, h6 {
    font-family: 'myriad-pro', sans-serif;
    font-weight: 400;
    color: #0a0a0a;
    font-size:2.2rem;
    line-height:2.6rem;
}

body {
    background-color: #fafafa;
}

h1, h2, h3, h4 {
    font-family: 'bebas-neue', sans-serif;
    color: #232d36;
    font-size: 3.8em;
    font-weight: 400;
    letter-spacing: 2px;
    margin: 0px;
}

h2 {
    font-size: 3em;
    line-height: 6rem;
}

h3, h4 {
    font-size: 2.8rem;
    line-height: 3rem;
}

/*** 02 global colors ***/
.black {color: #131314;}
.blue {color: #236aa4;}
.white {color: #fafafa;}

.black-bg{background-color: #131314;}
.blue-bg {background-color: #236aa4;}
.white-bg {background-color: #fafafa;}

.white h1, .white h2, .white h3, .white h4, .white p {
    color: #fafafa;
}

/*** 03 header & menu ***/
#site-header-inner {
    padding: 10px 0;
}

.link-inner {
    font-family: 'bebas-neue';
    letter-spacing: 2px;
}

.banner {
    border-top: 15px solid #236aa4;
}

#top-bar {
    padding: 15px 0 0 0;
}

.main-navigation-ul .sub-menu .menu-item a:hover {
    background: #236aa4;
    color: #fafafa;
}

/*** 04 ux elements ***/
* { transition: all 0.25s ease; }

.theme-button {
    border-radius: 0px;
    padding: 8px 30px;
    font-family: 'myriad-pro',sans-serif;   
}

.blue-btn {
    background: #236aa4;
}

.blue-btn:hover {
    background: #fafafa;
    color: #236aa4;
}

.black-btn {
    background: rgb(0 0 0 / 80%);;
    border: 2px solid #fff;
}

.black-btn:hover {
    background: #fafafa;
    color: #236aa4;
}

.gform_button {
    border: 2px solid #236aa4;
    border-radius: 0px !important;
    padding: 8px 30px !important;
    font-family: 'myriad-pro',sans-serif !important; 
    background: #236aa4 !important;
}

.gform_button:hover {
    background: #fafafa !important;
    color: #236aa4 !important;
    border: 2px solid #236aa4;
}

.banner .blue-btn, .banner .black-btn {
    width: 80%;
}

/*** 05 slider/hero  ***/

/*** 06 design elements ***/
.cta-text p {
    font-size: 6.8rem;
    font-family: 'bebas-neue',sansserif;
    line-height: 7rem;
    letter-spacing: 2px;
    color: #fafafa;
}

.quote {
    position: relative;
    top: -45px;
    padding: 15px;
}

.ticon-star {
    color: #ffd600;
}

/*** gravity forms ***/
select {
    padding: 10px 0 !important;
}

/*** 08 sidebar ***/

/*** 09 blog ***/

/*** 10 footer ***/
.footer-links, .copyright{
    color:#f0eff4;
    text-align: center;
    font-size: 1.2rem;
}

.copyright p {
    font-size: 1em;
    color: #fafafa;
    margin-top: 15px;
}

.widget-headers p {
    font-family: 'bebas-neue', sans-serif;
    font-size: 2em;
    letter-spacing: 2px;
    color: #fafafa;
}

p.widget-texts {
    font-size: 1.1em;
    font-family: 'myriad-pro', sans-serif;
}

.copyright a {
    color: #fafafa;
}

.social-footer {
    text-align: center;    
}

.social-footer .ticon {
    background: #fff;
    font-size: 24px;
    padding: 10px;
    width: 50px;
    text-align: center;
    margin: 3px;
}

.social-footer img {
    background: #fff;
    height: 44px;
    position: relative;
    top: 13px;
    margin-left: 2px;
}

/*** 11 eCommerce ***/

/*** 12 media queries ***/