/*
Theme Name: 	SuperLucida
Theme URI: 		http://superlucida.com
Author: 		Fred Peres
Author URI: 	http://fredperes.net
Description:	Child Theme for Betheme
Template:		betheme
Version: 		1.0
*/

/* Theme customization starts here
-------------------------------------------------------------- */

/*------------------------------------*\
    GERAL
\*------------------------------------*/


a{transition-duration: 0.5s!important;}

body{font-family: "futura-pt",sans-serif!important;}


#menu > ul > li > a, .action_button, #overlay-menu ul li a{
    font-family: "museo",serif!important;
    text-transform: uppercase;
}



/*------------------------------------*\
    PROJETOS
\*------------------------------------*/

.page-projetos-de-educacao-financeira #Top_bar{
    background:#FCFCFC;
    padding-bottom:0px;
}

#project-nav{
    background-color:#fcfcfc;
    width:100%;
    z-index:1000;
    border-bottom: solid 1px #ccc;
}

#project-nav .column{margin-bottom:0;}

/*.project-nav{
    position: fixed!important;
    background:white;
    width:33%;
    z-index:9999999;
}*/

.project-content{
    position:relative;
    z-index:900;
}

a.anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

a.anchor-projetos{
    top:-600px;
     display: block;
    position: relative;
    visibility: hidden;
}

.instituto{left:33%;}

.expedicao{left:66%;}


/* Serviços custom post type */

.offer .offer_li .desc_wrapper{margin-top:0;}

.offer .offer_li .desc_wrapper.no-link .title{margin-bottom:0px;}

.offer p{font-size:19px; line-height: 22px;}


.offer a.slider_prev, .offer .slider_pagination, .offer a.slider_next{
    top:25%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.offer a.slider_prev, .offer a.slider_next, .offer .slider_pagination{
    background:#56bb69;
}

.offer_ul h4{margin-bottom:0!important;}

.offer_ul .image_wrapper img{max-width:220px!important;}

/* SHARE */

#social{
    border: 0;
    position:fixed;
    left:1%;
    z-index:99999999999!important;
}

a.icon_bar{
    background-image:none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color:#ccc!important;
 
}

a.icon_bar, a.icon_bar span{
    width:30px;
    height:30px;
    line-height: 30px;
}



/*------------------------------------*\
    CONTATO
\*------------------------------------*/

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea{
    background:#f1f1f1;
    margin:10px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wpcf7 input[type="submit"]{
    font-family: "museo", serif;
    background-color:#f26b5e!important;
    margin-top:15px;
    font-size:1em;
    font-weight: 700;
    text-transform:uppercase;
}

.wpcf7-mail-sent-ok{
    background:#56bb69!important;
    font-size:18px;
     -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/*------------------------------------*\
   INSIGHTS
\*------------------------------------*/

.blog #Top_bar, .single-post #Top_bar, .search #Top_bar{
    background-color:white;
    border-bottom: solid 1px #ccc;
}

.blog #Content, .single-post #Content{
    margin-top:200px;
}

.search #Subheader{margin-top:150px;}

/* Single */

.post-header .title_wrapper h2{text-align:center;}


/*------------------------------------*\
    SINGLE
\*------------------------------------*/

.single .post-wrapper-content, .single .section-post-comments, .single .section-post-related{margin-left:12%;}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/

#Footer li{
    padding:5px 0;
}

#Footer li a{
    font-size:20px;
    font-weight: 700;
}

#Footer .footer_copy{border:0;}

#Footer a:hover{text-decoration: none;}


/*------------------------------------*\
    ELEMENTOS
\*------------------------------------*/

#Content{padding-top:0;}

.button{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.button_menu{
    background:#f26b5e;
    color:#fff;
    padding:0px!important;
}

.button_menu a{padding:10px 0!important;}

.page #Content ul{font-size:30px; line-height: 34px; color:#444;}

.post-meta{font-size:14px;}

.image_frame{border-width:0;}

.post-footer{
    background:transparent;
    padding:0 15px;
}

.post-footer .post-links{border:none; float:none; padding:0;}

.post-footer .icon-doc-text, .post-footer .icon-comment-empty-fa, .post-footer .post-comments{display:none;}

.post-more{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background:#56bb69;
    color:white;
    display:block;
    font-size:15px;
    font-weight: 700;
    letter-spacing: -0.05em;
    padding:6px 12px;
    text-align:center;
    text-transform: uppercase;
    width:40%;
    margin-left:15%;
}

.search-results .post-desc{
    width:60%;
}

.search-results .post-footer{padding-left:0;}

.search-results .post-more{
    display:inline-block;
    width:auto;
    margin-left:0;
}

.post-more:hover{
    background:#f26b5e;
    color:white;
    text-decoration:none;
}

.single-post .post-nav, .single-post .post-meta .category, .singlepost .post-meta .category{display:none;}

.single-post .post-meta .author-date{
    display:block;
    float:none;
    text-align:center;
}

#respond .form-submit input[type="submit"]{
    font-weight: 700;
    text-transform: uppercase;
}

.column_column ul li{font-size:22px;}


/* widgets */

.instagram-pics li{
    float:left;
    width:31%;
    margin:1%;
}


/* Cores */

.blue, .blue a, .blog h2 a, .post-header .title_wrapper h2{color:#14a0d4!important;}

.blog h2 a:hover{color:#56bb69!important;}

.white, .white a{color:white;}

.green, .green a{color:#56bb69!important;}

.light-gray{color:#cccccc;}

/* */

.button-flat a.button:not(.action_button), .button-flat:not(.header-plain) a.button.action_button, .button-flat a.tp-button, .button-flat button, .button-flat input[type="submit"], .button-flat input[type="reset"], .button-flat input[type="button"]{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
a.button .button_label{
    font-weight: 700;
    padding:20px 30px;
}

/*------------------------------------*\
    TIPOGRAFIA
\*------------------------------------*/


h1, h2, h3, h4, h5, h6{font-family: "futura-pt",sans-serif!important;}

.museo, a.button .button_label, .offer .offer_li .desc_wrapper .title h3, .widget > h3, .post-header .title_wrapper h2{font-family: "museo",serif!important;}

.big{font-size:60px; font-weight: 700;}

.small{font-size:19px!important; line-height: 22px;}

small{font-size:80%; line-height: 80%;}

.page-projetos-de-educacao-financeira #project-nav h3{font-size:90%; line-height: 100%;}

.page-colaboradores h2{margin-bottom:0;}

.blog h2, .search h2{
 font-family: "museo",serif!important;   
    font-size:26px;
    line-height: 30px;
}

.blog big, .blog .big, .search big{
    font-size:90%;
    line-height: 100%;
}

.post-header .title_wrapper h2{
    font-weight: 700;
    text-transform: uppercase;
}

.offer .offer_li .desc_wrapper .title h3{
    font-size:32px;
    line-height: 32px;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {
    #social{width:100%; top:180px;}
    
    #Top_bar #menu ul li a span{line-height:20px!important;}
    
    #Top_bar .menu > li > a{padding: 10px 0!important;}
}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {
    #project-nav{position: fixed;}
}

@media only screen and (min-width:1024px) {
    
/*------------------------------------*\
    HEADER
\*------------------------------------*/

#Top_bar .logo{
    margin:0!important;
}

#Top_bar{
    padding-bottom:25px;
    position:fixed!important;
    top:-15px!important;
    z-index:9999999!important;
    background:white!important;
}

.home #Top_bar{
    padding-bottom:50px;
    position:fixed!important;
    top:-15px!important;
    z-index:9999999!important;
   background: -moz-linear-gradient(top, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 100%)!important; /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 100%)!important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 )!important; /* IE6-9 */
}

#Top_bar .menu_wrapper{
    position:relative;
    top:50px;
}
   
#Top_bar .menu > li > a span:not(.description){
    line-height: 15px;
    text-align:center;
}

#menu .button a{color:white!important;}

#Top_bar .menu > li > a span:not(.description){padding:0 16px!important;}

#social{  top:140px;}
    
#social a{display:block;}
    
    .half{
    float:left;
    width:48%;
}

    .last{margin-left:4%;}
}

@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

@media only screen and (max-width: 1239px){
    #Top_bar .menu .button_menu{
        display:block; 
        margin:0 25%;
        width:50%!important;
    }
    
    #Top_bar #menu ul li a span{line-height: 25px;}
    
    #Top_bar #menu ul .button_menu a span{color:white!important; line-height: 20px!important; }
    
    #Top_bar #menu ul li a{ text-align:center!important;}
    
}