/*
Theme Name: MariaMia Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: mariamia
*/
@import url("../mariamia/style.css");


/* ---------------------------------------------------------------------------------
SITE WIDTH
--------------------------------------------------------------------------------- */
body.boxed .content {margin: 0 auto; width: 92% !important;}
.container_inner {margin: 0 auto; width: 1020px;}
.conteudo{width:95%; margin:0 auto;}
.conteudo_texto{width:85%; margin:0 auto;}

/* ---------------------------------------------------------------------------------
BG
--------------------------------------------------------------------------------- */
.content{
background-color:transparent !important; 
background-size:100% !important;
background: url('http://cdipublicidade.com.br/dev/mariamia/site/wp-content/uploads/2015/10/bg_white.png'), url('http://cdipublicidade.com.br/dev/mariamia/site/wp-content/uploads/2015/10/bg_white2.png');

background-position: left top, left 1100px;
background-repeat: no-repeat, no-repeat;
}

/* ---------------------------------------------------------------------------------
WRAP
--------------------------------------------------------------------------------- */
.content.content_top_margin_none {margin-top: -411px !important;}
.container{background:transparent !important;}
.boxed header {margin-top: 30px;}
.wrapper_inner {padding-bottom: 40px;}
.content_inner {margin-top: 170px;}


/* ---------------------------------------------------------------------------------
NAV
--------------------------------------------------------------------------------- */
nav.main_menu {top: -15px;}
nav.main_menu ul li:last-child {background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; padding-right: 0;}

header.centered_logo .q_logo {top: -60px;}
.q_logo a {height: 150px !important;}


/* ---------------------------------------------------------------------------------
TEXT
--------------------------------------------------------------------------------- */
.conteudo_texto ul li {list-style: outside none none !important;}
.conteudo_texto ul li:before{color: #ff3045; content: "─"; font-family: fontawesome; font-size: 14px; font-weight: 100 !important; margin-right: 5px;}

/* ---------------------------------------------------------------------------------
PAGES
--------------------------------------------------------------------------------- */
h4{margin-bottom:10px !important;}

form input{margin-top:20px;}

.imagem-principal{margin-bottom:30px !important;}

.home-destaque {margin-bottom: 25px !important;}
.home-destaque p{width:90%; margin:0 auto;}
.separator-mm{margin:7px 0 !important;}
.botao a {
  background: #d12626 none repeat scroll 0 0;
  color: #fff;
  display: inline-table !important;
  font-family: "Cuprum",sans-serif;
  font-size: 16px !important;
  margin: 24px auto 0 !important;
  padding: 8px 16px;
  text-transform: uppercase;
}

/* ---------------------------------------------------------------------------------
FORM
--------------------------------------------------------------------------------- */
input.wpcf7-form-control.wpcf7-submit:not([disabled]) {margin-top: 5px;}
input.wpcf7-form-control.wpcf7-submit:after{content:"/fffff";}


/* ---------------------------------------------------------------------------------
GALERIA
--------------------------------------------------------------------------------- */
.projects_holder article a.lightbox, .portfolio_slider a.lightbox {
  border: medium none !important;
  margin: 0 -5px 16px 0;
}

.projects_holder article a.lightbox:hover, .portfolio_slider a.lightbox:hover {
	background-color:#637a18;
}

/* ---------------------------------------------------------------------------------
BLOG
--------------------------------------------------------------------------------- */
.blog_holder.blog_small_image {
  margin: 0 auto !important;
  width: 90% !important;
}

.blogtop{margin-bottom:-10px;}

.qbutton, .load_more a, .blog_load_more_button a {
  background-color: #d12626;
  border: 2px solid #d12626;
  color: #fff;
}

.post_more a:hover{background-color: #000; border: 2px solid #000;}
.blog_holder.blog_small_image article {
  border-bottom: 1px solid #a6ac80 !important;
  margin: 0 0 32px;
  padding-bottom: 20px;
}

.blog_holder.blog_small_image article {margin: 0 0 14px;}
.blog_holder.blog_single {margin: 0 auto; width: 90%;}

.blog_single .post_content_holder .post_text {margin: 20px auto !important; width: 80% !important;}
.post_text h2{font-size:42px !important;}




/* ---------------------------------------------------------------------------------
FOOTER
--------------------------------------------------------------------------------- */
footer{margin-top:0px;}
.footer_inner.clearfix {width: 100% !important;}

footer .simple-image img {
  width: 280px !important;
}

/* ---------------------------------------------------------------------------------
MOBILE .fa-navicon:before, .fa-reorder:before, .fa-bars:before {content: "MENU";}
--------------------------------------------------------------------------------- */



/* ---------------------------------------------------------------------------------
RESPONSIVE
--------------------------------------------------------------------------------- */
/* Smartphones (portrait and landscape) ----------- */
@media screen and (max-width: 480px) {
/* Styles */
body.boxed .wrapper_inner, body.boxed footer, body.boxed .header_inner, body.boxed .full_width .parallax_content, body.boxed .carousel-inner, body.boxed .footer_inner {width: 100%;}

body.boxed .content {margin: -168px auto 0 !important; width: 90% !important;}

.mobile_menu_button {
  display: table !important;
  float: none !important;
  height: 70px !important;
  margin: 0 auto !important;
}

.mobile_menu_button span {width: 111px;}
header .fa {background: #d12626; color: #fff; font-size: 14px; margin:10px 0 0 7px; padding: 6px;}
header .fa::after {content: "  MENU"; font-family: "Cuprum",sans-serif; font-weight: 700;}
.q_logo a {height: 100px !important; margin-top:-45px;}

.content {
  background-image: url("http://cdipublicidade.com.br/dev/mariamia/site/wp-content/uploads/2015/10/bg_white.png"), url("http://cdipublicidade.com.br/dev/mariamia/site/wp-content/uploads/2015/10/bg_white2.png"), url("http://cdipublicidade.com.br/dev/mariamia/site/wp-content/uploads/2015/10/bg_white2.png"), url("http://cdipublicidade.com.br/dev/mariamia/site/wp-content/uploads/2015/10/bg_white.png"), url("http://cdipublicidade.com.br/dev/mariamia/site/wp-content/uploads/2015/10/bg_white2.png"), url("http://cdipublicidade.com.br/dev/mariamia/site/wp-content/uploads/2015/10/bg_white2.png");
  background-origin: padding-box;
  background-position: left top, left 334px, left 822px, left 1304px, left 1638px, left 2000px !important;
  background-repeat: no-repeat;
  background-size: 100% auto !important;
}


.header_bottom {background-color: transparent !important;}
header .q_logo img.mobile {display: block !important; margin: 74px auto 0; opacity: 1 !important; position: relative;}
nav.mobile_menu ul li a, nav.mobile_menu ul li h3 {font-family: "Cuprum",sans-serif; font-size: 19px; padding: 10px; text-transform: uppercase;}

.container_inner.default_template_holder.clearfix.page_container_inner {margin-top: -23px;}
.container_inner {margin: 0 auto; width: 95%;}
.blog_holder.blog_single {margin: -48px auto 0; width: 90%;}

h2, h2 a {font-size: 29px;}

.projects_holder.v6 .mix, .projects_holder.v5 .mix, .projects_holder.v4 .mix, .projects_holder.v3 .mix, .projects_holder.v2 .mix, .projects_holder.v6.hover_text .mix, .projects_holder.v5.hover_text .mix, .projects_holder.v4.hover_text .mix, .projects_holder.v3.hover_text .mix, .projects_holder.v2.hover_text .mix {
  margin: 0 0 7.4%;
  width: 49%;
}


}



/* Smartphones (landscape) ----------- */
@media screen and (min-width: 498px) and (max-width: 612px)	{
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media screen and (min-width: 615px) and (max-width: 640px)	{
/* Styles */
body.boxed .wrapper_inner, body.boxed footer, body.boxed .header_inner, body.boxed .full_width .parallax_content, body.boxed .carousel-inner, body.boxed .footer_inner {width: 620px;}
body.boxed .content {
  margin: -101px auto 0 !important;
  width: 90% !important;
}

.content {
  background-image: url("http://cdipublicidade.com.br/dev/mariamia/site/wp-content/uploads/2015/10/bg_white.png"), url("http://cdipublicidade.com.br/dev/mariamia/site/wp-content/uploads/2015/10/bg_white2.png"), url("http://cdipublicidade.com.br/dev/mariamia/site/wp-content/uploads/2015/10/bg_white2.png");
  background-origin: padding-box, padding-box, padding-box;
  background-position: left top, left 684px, left 1678px !important;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 100% auto !important;
}

.header_bottom {background-color: transparent !important;}
header .q_logo img.mobile {display: block !important; margin: 74px auto 0; opacity: 1 !important; position: relative; z-index: 101;}
nav.mobile_menu ul li a, nav.mobile_menu ul li h3 {font-family: "Cuprum",sans-serif; font-size: 19px; padding: 10px; text-transform: uppercase;}
.mobile_menu_button span {width: 111px;}
header .fa {background: #d12626; color: #fff; font-size: 14px; margin:10px 0 0 7px; padding: 6px;}
header .fa::after {content: "  MENU"; font-family: "Cuprum",sans-serif; font-weight: 700;}
.container_inner.default_template_holder.clearfix.page_container_inner {margin-top: -53px;}
.container_inner {margin: 0 auto; width: 95%;}
.blog_holder.blog_small_image {margin: -10px auto 0 !important;}

}

/* Smartphones (portrait and landscape) ----------- */
@media screen and (min-width: 650px) and (max-width: 768px)	{
/* Styles */
body.boxed .content {margin:-110px 0 0 !important; width: 100% !important;}
body.boxed .wrapper_inner, body.boxed footer, body.boxed .header_inner, body.boxed .full_width .parallax_content, body.boxed .carousel-inner, body.boxed .footer_inner {width: 695px;}
.content.content_top_margin_none {margin-top: 0 !important;}
.container_inner {margin: 0 auto; width: 95%;}

.content {
  background-attachment: scroll, scroll;
  background-clip: border-box, border-box;
  background-color: transparent !important;
  background-image: url("http://cdipublicidade.com.br/dev/mariamia/site/wp-content/uploads/2015/10/bg_white.png"), url("http://cdipublicidade.com.br/dev/mariamia/site/wp-content/uploads/2015/10/bg_white2.png"), url("http://cdipublicidade.com.br/dev/mariamia/site/wp-content/uploads/2015/10/bg_white2.png");
  background-origin: padding-box, padding-box;
  background-position: left top, left 852px, left 2038px !important;
  background-repeat: no-repeat, no-repeat;
  background-size: 100% auto !important;
}

.container_inner.default_template_holder.clearfix.page_container_inner {margin-top: -50px;}
.header_bottom {background-color: transparent !important;}
header .q_logo img.mobile {display: block !important; margin: 0 auto; opacity: 1 !important; position: relative; z-index: 101;}
header .fa {background: #d12626; color: #fff; font-size: 18px; margin:10px 0 0 7px; padding: 10px;}
header .fa::after {content: "  MENU"; font-family: "Cuprum",sans-serif; font-weight: 700;}
nav.mobile_menu ul li a, nav.mobile_menu ul li h3 {font-family: "Cuprum",sans-serif; font-size: 19px; padding: 10px; text-transform: uppercase;}
.mobile_menu_button span {width: 111px;}
.q_logo a {margin-top: 70px;}


.home-destaque h2{margin-top: 25px !important;}
.blog_holder.blog_small_image {margin: -10px auto 0 !important;}

}

/* iPads (portrait) ----------- */
@media screen and (min-width: 769px) and (max-width: 1024px) {
/* Styles */
.container_inner {
  margin: 0 auto;
  width: 96% !important;
}
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1025px) and (max-width : 1366px) {
/* Styles */	
}





/* ---------------------------------------------------------------------------------
MOBILE MENU BREAKPOINT
--------------------------------------------------------------------------------- 
@media only screen and (min-width: 1001px) and (max-width: 1200px){
    .header_top .container{display: inline-block;}
    header, .header_inner_left{position: relative !important; left: 0px !important; margin-bottom: 0px;}
    .content {margin-bottom: 0 !important;}
    .right_side_menu_opened .wrapper header{left: 0px !important;}
    header{top: 0px !important; margin-top: 0px !important; display: block;}
    .header_top{height: auto; display: block !important;}
    .header_top .left, .header_top .right{text-align: center; float: none;}
    .header_top .inner{display: inline-block; margin: 0 0 -4px;}
    .header_bottom{background-color: #fff !important;}
    header.centered_logo .header_inner_left{margin: 0px;}
    header.centered_logo .header_inner_right{float:right;}
    header.centered_logo .logo_wrapper{height: 100px !important;}
    header .q_logo img.mobile{display: block !important; opacity: 1 !important; position: relative; margin: 0 auto;}
    header .q_logo img.normal, header .q_logo img.light, header .q_logo img.dark, header .q_logo img.sticky{display: none !important;}
    header .q_logo.animate_logo div.normal{opacity:1 !important; display: block;}
    header .q_logo.animate_logo div.dark, header .q_logo.animate_logo div.sticky{display: none;}
    .header-left-from-logo-widget, .header-right-from-logo-widget{display: none;}
   
    body.side_menu_slide_with_content.side_menu_open .carousel-inner:not(.relative_position),
    body.side_menu_slide_with_content.width_270.side_menu_open .carousel-inner:not(.relative_position),
    body.side_menu_slide_with_content.width_370.side_menu_open .carousel-inner:not(.relative_position){left:0px !important;}
    .q_logo_hidden{display: none;}
    .main_menu{display: none !important;}
    nav.mobile_menu{display: block;}
    .mobile_menu_button{display: table;}
    nav.mobile_menu > ul{width: 768px; margin: 0px auto;}
    .logo_wrapper{display: table; height: 100px !important; left: 50%; position: absolute;}
    .q_logo {display: table-cell; position: relative; top: auto; vertical-align: middle;}
    .q_logo a{left: -50%; width: auto !important;}
    .q_logo img{top: 0px; left: 0px;}
    header .header_fixed_right_area {line-height: 100% !important; top: 80px !important; width: 100%; display: block; text-align: center; margin: 0; position: absolute;}
}

*/

/* ---------------------------------------------------------------------------------
MOBILE 
--------------------------------------------------------------------------------- 
.header_bottom.clearfix {background: red !important;}
.content{margin-top:100px}
.boxed header {padding-top: 70px !important;}

*/

/*
.wpb_content_element {
  margin: 0 auto !important;
  width: 92% !important;
}
body.boxed .wrapper_inner, body.boxed .footer_inner {
  margin: 0 auto !important;
  width: 1100px !important;
}

header.container

body.boxed .wrapper_inner {background-image:url(http://localhost/maria_mia/site/wp-content/uploads/2015/08/bg_white.png); background-size:100% !important;}





.default_template_holder {background: #ffffff; margin: 0 auto; width: 90% !important;}
footer{margin-top:50px;}