/*
Theme Name: bsb_ca
Theme URI: http://brownsugarbear.ca/
Author: BrownSugarBear Design
Author URI: http://underscores.me/
Description: Description
Version: 1.0-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bsb_ca
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 bsb_ca is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/


/*--------------------------------------------------------------
0.0 - Le Bear Design Standard CSS
--------------------------------------------------------------*/
div#futuro-linha {
    background-color: #111;
    padding-top: 10px;
    padding-bottom: 10px;
    border-style: solid;
    border-width: 0px 0px 5px 0px;
    -moz-border-image: url(/images/futuro/futuro_linha.png) 100 round;
    -webkit-border-image: url(/images/futuro/futuro_linha.png) 100 round;
    -o-border-image: url(/images/futuro/futuro_linha.png) 100 round;
    border-image: url(/images/futuro/futuro_linha.png) 100 round;
    position: fixed;
    z-index: 111;
    width: 100%;
    top: 0;
}

div#futuro-linha .text {
    color: #fff;
    text-align: center;
    text-transform: inherit;
    margin-bottom: 0px;
    letter-spacing: 0.03rem;
    font-weight: bold;
    font-size: 16px;
    font-family: 'poppinslight';
}

div#futuro-banner.joalheria {
    background-image: url(/images/futuro/masterclass_futuro-joalheria_banner.jpg);
}

div#futuro-banner.joalheria.replay {
    background-image: url(/images/futuro/masterclass_futuro-joalheria_banner2.jpg) !important;
}

div#futuro-banner.fotografia {
    background-image: url(/images/futuro/masterclass_futuro-fotografo_banner.jpg);
}

div#futuro-banner.fotografia.replay {
    background-image: url(/images/futuro/masterclass_futuro-fotografo_banner2.jpg) !important;
}

div#futuro-banner.arquitetura {
    background-image: url(/images/futuro/masterclass_futuro-arquiteto_banner.jpg);
}

div#futuro-banner.arquitetura.replay {
    background-image: url(/images/futuro/masterclass_futuro-arquiteto_banner2.jpg) !important;
}

div#futuro-banner.arte {
    background-image: url(/images/futuro/masterclass_futuro-arte_banner.jpg);
}

div#futuro-banner.arte.replay {
    background-image: url(/images/futuro/masterclass_futuro-arte_banner2.jpg) !important;
}

div#futuro-banner.negocioscriativos.replay {
    background-image: url(/images/futuro/masterclass_futuro-arte_banner2.jpg) !important;
}

div#futuro-banner {
    background-color: #000;
    background-size: cover;
    background-position: center;
    position: relative;
    padding-top: 120px;
    padding-bottom: 100px;
    border-style: solid;
    border-width: 0px 0px 5px 0px;
    -moz-border-image: url(/images/futuro/futuro_linha.png) 100 round;
    -webkit-border-image: url(/images/futuro/futuro_linha.png) 100 round;
    -o-border-image: url(/images/futuro/futuro_linha.png) 100 round;
    border-image: url(/images/futuro/futuro_linha.png) 100 round;
}

div#futuro-banner.negocioscriativos{
    padding-top: 200px;
    padding-bottom: 200px;
}

div#futuro-banner.replay .button {
    width: fit-content;
    padding: 10px 30px 10px 30px;
    margin-top: 20px;
}

div#futuro-banner.negocioscriativos .button {
    width: 100%;
    padding: 10px 30px 10px 30px;
    margin-top: 20px;
}

.triangulo1 {
    position: absolute;
    left: 0;
    top: 0;
}

.triangulo2 {
    position: absolute;
    right: 0;
    top: 0;
}

.futuro_ana {
    position: absolute;
    bottom: 0;
    right: 10%;
}

.futuro-logo {
    width: 320px;
}

div#futuro-banner .t1 {
    color: #fff;
    font-family: 'poppinsmedium';
    font-size: 1.3em;
    margin-top: 50px;

}

div#futuro-banner .t2 {
    font-family: 'warbler_deckregular';
    color: #fff;
    font-size: 1.33em;
    margin-bottom: 50px;
}

.t2 i{
    font-family: 'warbler_deckitalic';
}

.button {
    color: #fff;
    background-color: #b27036;
    border-radius: 15px !important;
    width: 100%;
    padding: 10px;
    border-bottom: 0px;
}

.button:hover {
    background-color: #835023;
    color: #fff;
    border-bottom: none;
}

.button {
    background-color: #b27036;
    border-radius: 15px !important;
    width: 100%;
    padding: 10px;
    border-bottom: 0px;
    font-weight: bold !important;
    font-family: 'poppinslight';
}

div#futuro-bio {
    padding-top: 100px;
    padding-bottom: 80px;
    background-color: #e2dbd2;
    border-style: solid;
    border-width: 0px 0px 5px 0px;
    -moz-border-image: url(/images/reuniao/reuniao_linha.png) 100 round;
    -webkit-border-image: url(/images/reuniao/reuniao_linha.png) 100 round;
    -o-border-image: url(/images/reuniao/reuniao_linha.png) 100 round;
    border-image: url(/images/reuniao/reuniao_linha.png) 100 round;
}

div#futuro-bio .t1 {
    font-family: 'fionaregular';
    font-size: 3.52em;
    text-transform: inherit;
    letter-spacing: inherit;
    line-height: 1em;
    margin-top: 19px;
    margin-bottom: 15px;
}

div#futuro-bio .t1 span{
    font-family: 'brittany_signatureregular';
}

div#futuro-bio .t2 {
    font-family: 'warbler_deckregular';
    font-size: 1.6875em;
    line-height: normal;
    margin-bottom: 1rem;
}

footer#colophon {
    background-color: #111;
    color: #fff;
    padding: 10px 0px;
}

.site-footer-info, .bsb-copyright, footer#colophon p, footer#colophon a {
    margin-bottom: 0px !important;
    margin-top: 8px;
    font-family: 'mulilight';
    color: #fff;
}

div#futuro-s1 .t2 {
    text-transform: uppercase;
    letter-spacing: 0.02rem;
    font-size: 1.375em;
    font-family: 'muliregular';
    color: #fff;
    background-color: #b27036;
    width: fit-content;
    display: -webkit-inline-box;
    padding: 3px 15px 5px 15px;
    margin-top: 5px;
    margin-bottom: 10px;
    line-height: 1em;
}

div#futuro-s1 .t1 {
    font-family: 'poppinslight';
    font-size: 1.94em;
    letter-spacing: 0;
    line-height: 1em;
}

div#futuro-s1 {
    padding-top: 120px;
    padding-bottom: 200px;
    background-image: url(/images/reuniao/reuniao_padrao-triangulos.png);
    background-repeat: repeat-x;
    background-position: bottom left;
    border-style: solid;
    border-width: 0px 0px 5px 0px;
    -moz-border-image: url(/images/reuniao/reuniao_linha.png) 100 round;
    -webkit-border-image: url(/images/reuniao/reuniao_linha.png) 100 round;
    -o-border-image: url(/images/reuniao/reuniao_linha.png) 100 round;
    border-image: url(/images/reuniao/reuniao_linha.png) 100 round;
}

div#futuro-s1 .t3 {
    font-family: 'warbler_deckitalic';
    line-height: 1em;
    font-size: 2em;
    margin-bottom: 20px;
}

.setinha1 {
    width: 34px;
}

p {
    font-family: 'poppinslight';
    margin-bottom: 1rem;
    font-size: 16px;
    line-height: 1.5;
    text-rendering: optimizeLegibility;
}

hr {
    border-style: solid;
    border-width: 0px 0px 3px 0px !important;
    -moz-border-image: url(/images/business/gb_linha.png) 100 round;
    -webkit-border-image: url(/images/business/gb_linha.png) 100 round;
    -o-border-image: url(/images/business/gb_linha.png) 100 round;
    border-image: url(/images/business/gb_linha.png) 100 round;
    width: 30%;
}

div#futuro-s1 h5 {
    font-family: 'poppinsmedium';
    font-weight: bold;
}

div#futuro-s1 .t5 {
    font-family: 'poppinsmedium';
    font-weight: bold;
    text-transform: inherit;
    letter-spacing: 0;
    font-size: 1.1em;
}

div#futuro-s1 .t4{
    font-size: 1.1em;
}

div#futuro-s1 .t3 span {
    border-bottom: #b27036 2px solid;
}

.data {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.05em;
    font-size: 0.9em;
}

/*--------------------------------------------------------------
13 Media Queries
--------------------------------------------------------------*/
@media screen and (min-width: 3840px) and (max-width: 2000000000000000000px) {

  .triangulo1, .triangulo2 {
    display: none;
  }

    .futuro_ana {
        position: absolute;
        bottom: 0;
        right: 36%;
    }

}

@media screen and (min-width: 2560px) and (max-width: 3839px) {

    .futuro_ana {
        position: absolute;
        bottom: 0;
        right: 29%;
    }

}

@media screen and (min-width: 2304px) and (max-width: 2559px) {

    .futuro_ana {
        position: absolute;
        bottom: 0;
        right: 30%;
    }

}

@media screen and (min-width: 1920px) and (max-width: 2303px) {

    .futuro_ana {
        position: absolute;
        bottom: 0;
        right: 22%;
    }

}

@media screen and (min-width: 1440px) and (max-width: 1919px) {

}


@media screen and (min-width: 1366px) and (max-width: 1439px) {


}

@media screen and (min-width: 1024px) and (max-width: 1259px) {

  .triangulo1, div#reuniao-s3 .triangulo2, .triangulo3, .triangulo4, .triangulo5, .triangulo6{
    display: none;
  }

  .reuniao_ana {
    right: -16%;
  }

  div#reuniao-s7 .reuniao_ana2 {
    right: -5%;
  }

  div#reuniao-s9 .reuniao-ana {
    width: 600px;
    right: -18%;
  }

  div#reuniao-banner, div#reuniao-s9{
    background-position: left;
  }

}

@media screen and (min-width: 601px) and (max-width: 1023px) {
    /* === CSS aqui === */

    .futuro_ana, .triangulo1, .triangulo2{
        display: none;
    }

    div#futuro-banner {
        background-position: left center;
    }
}

@media screen and (max-width: 600px) {

    .triangulo1, .triangulo2{
        display: none;
    }

    .futuro_ana {
        position: relative;
        bottom: 0;
        right: 0;
        width: 300px;
    }

    div#futuro-banner {
        background-position: left center;
        padding-bottom: 0;
        text-align: center;
        padding-top: 130px;
    }

    div#futuro-banner.negocioscriativos {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    
}