/*

Theme Name: creativeanalysis.biz Theme
Author: Mike Quade
Author URI: http://www.mikequade.net
Description: The main theme and logic for creativeanalysis.biz
Version: 0.0.1

*/

/* begin adding custom fonts */

@font-face {
    font-family: "CenturyGothic";
    src: url("fonts/GOTHIC.TTF") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "CenturyGothic";
    src: url("fonts/GOTHICB.TTF") format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "CenturyGothic";
    src: url("fonts/GOTHICBI.TTF") format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "CenturyGothic";
    src: url("fonts/GOTHICI.TTF") format('truetype');
    font-weight: normal;
    font-style: italic;
}
  
/* end adding custom fonts */

#cabi-navigation {
    display: flex;
    justify-content: space-between;
    font-family: 'CenturyGothic';
    font-size: 42px;
}

@media (max-width: 1200px) {

    #cabi-nav-links {
        text-align: center;
    }

}

@media (min-width: 1201px) {

    #cabi-navigation {
        display: flex;
        justify-content: space-between;
    }

    #cabi-nav-links {
        text-align: left;
    }

}


@media (max-width: 997px) {

    #cabi-navigation {
        display: block;
        font-size: 20px;
        text-align: center;
    }

    .cabi-mobile-hidden {
        display: none;
    }

}

@media (max-width: 767px) {

    #cabi-footer {
        font-size: 24px;
    }

    #cabi-footer-logo {
        display: none;
    }

    .cabi-font-2rem {
        font-size: 1.5rem !important;
    }

    .cabi-font-2_5rem {
        font-size: 1.5rem !important;
    }

    .cabi-two-columns {
        font-size: 24px;
    }

    .cabi-quote-about {
        font-size: 18px;
    }

    .cabi-column {
        font-size: 24px;
    }

    #cabi-contact-form {
        padding-top: 60px;
        padding-left: 60px;
        padding-right: 60px;
    }

}

@media (min-width: 768px) {

    #cabi-footer {
        font-size: 36px;
    }

    .cabi-font-2rem {
        font-size: 2rem !important;
    }

    .cabi-font-2_5rem {
        font-size: 2.5rem !important;
    }

    .cabi-two-columns {
        font-size: 36px;
    }

    .cabi-quote-about {
        font-size: 18px;
    }

    .cabi-column {
        font-size: 36px;
    }

    #cabi-contact-form {
        padding-top: 240px;
        padding-left: 240px;
        padding-right: 240px;
    }

}

#cabi-navigation a, #cabi-navigation a:hover, #cabi-navigation a:visited, #cabi-navigation a:focus {
    text-decoration: none;
    color: #000;
}

#cabi-navigation a:hover {
    text-decoration: underline;
}

#cabi-footer {
    color: white;
    padding: 50px;
    font-family: 'CenturyGothic';
}

#cabi-footer a, #cabi-footer a:hover, #cabi-footer a:visited, #cabi-footer a:focus {
    text-decoration: none;
    color: white;
    font-weight: 400;
}

#cabi-footer a:hover {
    text-decoration: underline;
}

body, h2 {
    font-family: 'CenturyGothic' !important;
    font-size: 4rem;
}

.cabi-column-pd-30 {
    padding: 30px !important;
    margin: 0 !important;
    font-size: xx-large;
}

.vc_column-inner {
    padding: 0 !important;
}

.cabi-text-center {
    text-align: center;
}

.cabi-row-pd-30 {
    padding: 0 30px  !important;
    margin: 0 !important;
}

.cabi-row-pd-45 {
    padding: 0 45px !important;
    margin: 0 !important;
}

.cabi-row-pd-60 {
    padding: 0 60px !important;
    margin: 0 !important;
}

.cabi-home-fresh-column p {
    margin-bottom: 2rem;
}

.cabi-home-services-column p {
    margin-bottom: 0;
    line-height: 2.5rem;
}

.cabi-font-3rem {
    font-size: 3rem !important;
}

/* begin site header layout */

.cabi-site-header {
    min-height: 450px;
    color: #fff;
    font-family: 'CenturyGothic';
    line-height: 450px;
    font-size: 100px;
}

#cabi-home-header-image img {
    vertical-align: middle !important;
}

/* end site header layout */

/* begin two columns layout */

.cabi-two-columns {
    font-family: 'CenturyGothic';
    display: flex;
    align-items: center;
}

.cabi-two-columns .wpb_text_column {
    margin-bottom: 0 !important;
}

/* end two columns layout */

.cabi-column {
    font-family: 'CenturyGothic';
}

.cabi-column-small {
    font-family: 'CenturyGothic';
    font-size: 18px;
}

.cabi-flex-center {
    display: flex;
    align-items: center;
}

.cabi-services-orange {
    font-size: 54px;
    color: #f7882c;
    font-family: 'CenturyGothic';
}

.cabi-services-font {
    color: white;
    font-family: 'CenturyGothic';
    font-size: 36px;
}