/*
Theme Name: Marcelo Nobre Advogados
Description: Tema Wordpress Marcelo Nobre Advogados
Author: Ivan Nascimento
Author URI: ivnjunior@gmail.com
Template: shopkeeper
Version: 1.0
*/

@import url("../shopkeeper/style.css");

/****************************************************************/
/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/
/****************************************************************/

a{font-family: 'Lustria',sans-serif; font-weight: 400; color: #ce7054;}
h3{font-weight: 400; color: #ce7054!important; margin-bottom: 30px;}
h3.entry-title a{color: #ce7054!important;}
h4{font-weight: 400; color: #ce7054!important; margin-bottom: 30px;}
.comments_section{display:none!important;}
@media print, screen and (min-width: 64em){.large-8 {width: 68.66667%;}} /*Boxed*/
.entry-content{margin: 60px 0;}
.single .entry-content{margin: 20px 0 60px 0;}
.entry-content h2{color: #ce7054; font-weight: 100; margin-bottom: 15px; width:100%;}
.entry-content h2::after{content: ' '; display: block; width: 100%; border-bottom: 2px solid #ce7054; line-height: 0.1em; margin: -20px 0 40px;}
.entry-content h2 strong{font-weight: 100; background-color: #fff; padding: 0 20px 0 0;}
@media only screen and (min-width: 1025px){p{text-align: justify;}}
.vc_gitem-zone {height: auto!important;}

.site-footer-widget-area {display: block!important;}
.trigger-footer-widget-area {display: none;}

/*Top Header*/

/*li.fone a:before{content: "\f095"; font-style: normal; font-weight: 400; display: inline-block; text-decoration: inherit; width: inherit; height: inherit; font-size: 1em; text-align: center; text-rendering: optimizelegibility; color: #fff; font: normal normal normal 16px/1 FontAwesome; padding: 0px 10px 0 0;}*/
.site-top-message {font-family: 'Lustria',sans-serif;}
@media only screen and (min-width: 40.063em){.tools_button_icon i {margin-top: 8px; display: inline-block; font-size: 24px;}}

/*Toggle*/
.nano .content {background-color: #ce7054;}

/*Header*/

.main-navigation ul li a {padding: 10px 15px; font-weight: 400; font-size: 16px; letter-spacing: 0.3px; color: #000; text-transform: none;}
.main-navigation ul li:hover a {opacity: 1; color: #ce7054; text-decoration: underline;}
.header_col.left_menu {padding-right: 35px;}
.header_col.right_menu {padding-left: 35px;}
@media only screen and (min-width: 63.9375em){
	.home #page_wrapper.sticky_header .content-area {margin-top: -52px;}
	.site-header.sticky .main-navigation, .site-header.sticky .site-tools, .site-header.sticky .site-branding img {height: 41px; line-height: 36px;}
}
.site-header .site-tools {top: -6px!important;}


/*Search*/
.widget_search input {font-weight: 400!important;}
input[type="search"] {font-weight: 400!important;}

/*Page Title*/

@media only screen and (max-width: 40.063em){
	.archive .content-area {padding: 0 0 0 0;}
	.content-area {padding: 40px 0 0 0;}
}
@media only screen and (min-width: 40.063em){
	.archive .content-area {padding: 0 0 0 0;}
}
.page-title {font-size: 60px; margin: -0.13em 0 15px; text-transform: capitalize; text-align: center; font-weight: 400; color: #ffffff;}
.entry-header.with_featured_img {padding: 90px 0 90px 0; background-size: cover; background-position: 65% 0;}
.entry-header-page.with-featured-img {padding: 95px 0 95px; margin-top: -85px;}
	
/*Footer*/
#site-footer .widget-title {text-transform: capitalize!important; font-size: 30px !important; margin-bottom: 30px; font-weight: 100!important;}
#site-footer #text-3{margin-top: 60px;}
#site-footer #text-4{margin-top: 60px;}
@media only screen and (min-width: 40.063em){
	.site-footer-widget-area .row {max-width: 86.5rem;}
}


/*Home*/

.vc_btn3.vc_btn3-size-md {padding-left: 0px!important; color: #ce7054!important; background-color: transparent!important; font-size: 16px!important; text-transform: none!important;}
.vc_gitem-zone {height: 240px;}
h3.sobre {padding-top:15px;}
.vc_gitem-zone {background-size: contain!important;}
.vc_gitem_row .vc_gitem-col {padding: 10px 25px!important;}

/*Alerta Box*/

#atencao p {font-size: 17px; font-family: "EB Garamond"; color: #333; font-weight: 400;}
.vc_color-alert-info.vc_message_box {column-count: 2; column-gap: 30px; color: #333; border-color: #ffffff; background-color: #f9f5f0;}
.vc_color-alert-info.vc_message_box .vc_message_box-icon {display: none;}
.vc_message_box {padding: 2.2em;}
h2.titulo {}
.titulo-divisor h4{font-size: 30px; color: #333333; line-height: 1.5; text-align: left; font-family: EB Garamond; font-weight: 400; font-style: normal;}
.titulo-divisor {margin-bottom: 20px!important;}


/*O Escritório*/
iframe.escritorio{width: 100%!important; min-height: 480px!important;}


/*Blog*/
.single .entry-title {font-size: 1.9rem!important; font-weight: 400;color: #ce7054; line-height: 1.4em!important;}
.post_meta:before {background: none repeat scroll 0 0 #ce7054;}
.nav-next a, .nav-previous a {font-size: 0.875em; color: #ce7054!important; font-weight: 400;}
.post_meta_archive a, .post_meta a {font-weight: 600;}
.blog-single p{text-align: justify;}
.post_meta {margin-bottom: 45px;}
@media only screen and (min-width: 40.063em){
.single-post-header.with-thumb .title {padding: 70px 0 0 0;}
.post_meta:before {margin: 24px auto 26px;}
}
.index-layout-2 ul.blog-posts .blog-post .post_content_wrapper .post_content h3.entry-title a, .index-layout-3 .blog-posts_container ul.blog-posts .blog-post article .post_content_wrapper .post_content .entry-title > a, #masonry_grid a.more-link, .account-tab-link:hover, .account-tab-link:active, .account-tab-link:focus, .catalog-ordering span.select2-container span, .catalog-ordering .select2-container .selection .select2-selection__arrow:before {color: #ce7054!important;}
.archive header.entry-header-page{background-image: url(http://marcelonobreadvogados.provisorio.ws/novo/wp-content/uploads/2018/06/placeholder1.jpg); padding: 50px 0 40px 0; background-size: cover; background-position: 65% 0;}
.single-post-header-overlay {opacity: 0.1!important;}

@media only screen and (min-width: 1024px){
.index-layout-2 ul.blog-posts .blog-post:first-child .bg-image-wrapper, .index-layout-2 ul.blog-posts .blog-post:nth-child(5n+5) .bg-image-wrapper {height: 215px; width: 26%;}
.index-layout-2 .with-sidebar ul.blog-posts .blog-post .post_content_wrapper .post_content .entry-title {font-size: 22px; line-height: 34px;}
.index-layout-2 ul.blog-posts .blog-post .bg-image-wrapper {height: 215px; width: 26%;}
.index-layout-2 ul.blog-posts .blog-post:first-child .post_content_wrapper, .index-layout-2 ul.blog-posts .blog-post:nth-child(5n+5) .post_content_wrapper{padding: 0 0 0 50px!important; position: relative!important;}
.index-layout-2 ul.blog-posts .blog-post .post_content_wrapper {width: 52%; padding-left: 50px;}
.index-layout-2 ul.blog-posts .blog-post .bg-image-wrapper .bg-image {width: 100%; height: 100%; background-position: center !important; background-size: contain!important; background-repeat: no-repeat!important;}
/*sidebar*/
.index-layout-2 .with-sidebar ul.blog-posts .blog-post .bg-image-wrapper {height: 215px; width: 33%;}
.index-layout-2 .with-sidebar ul.blog-posts .blog-post:first-child .bg-image-wrapper, .index-layout-2 .with-sidebar ul.blog-posts .blog-post:nth-child(5n+5) .bg-image-wrapper {height: 215px; width: 33%;}
}

.index-layout-2 ul.blog-posts .blog-post article .post-date {display:none;}


/* Update - 31/08/2020 - Horário Nobre*/

.cd-top{color: #ce7054;}
.cd-top svg.progress-circle path {stroke: #ce7054!important;}
#mobiles-menu-offcanvas{padding-left: 10%; padding-top: 8%;}
.videoWrapper .vc_gitem-acf{position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0;}
.vc_acf.videoWrapper{position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0;}
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.single-videos .content-area {padding: 0 0 0 0;}
.single-videos .header.single-post-header {padding: 6% 0; background-color: #f4f4f4;}

/* Update - 22/04/2021 - Podcast*/
#podcast iframe, #podcast object, #podcast embed, #podcast-mobile iframe, #podcast-mobile object, #podcast-mobile embed  {height: 170px;}


/*Mobile*/
@media only screen and (min-width: 768px){
	.page-title {font-size: 50px!important;}
}

@media only screen and (min-width: 63.9375em){
	.site-header.sticky .main-navigation, .site-header.sticky .site-tools, .site-header.sticky .site-branding img {height: 45px; line-height: 45px;}
}

@media only screen and (max-width: 1024px){
	.site-header {background-color: #ce7054;}
	.site-tools ul li a span{color: #ffffff;}
}

@media (max-width: 848px){
	#podcast iframe, #podcast object, #podcast embed, #podcast-mobile iframe, #podcast-mobile object, #podcast-mobile embed {height: 110px;}
}

@media only screen and (max-width: 63.95em){
	.top-headers-wrapper .site-header .site-branding {max-width: 50%;}
	.top-headers-wrapper .site-header {padding-top: 15px; padding-bottom: 15px;}
}

@media only screen and (max-width: 63.95em) and (min-width: 40.063em){
	.home-posts h4{font-size:22px;}	
}
@media only screen and (max-width: 40.063em){
	.vc_color-alert-info.vc_message_box {column-count: 1; column-gap: 30px;}
	.page-title {font-size: 45px;}
	.single .entry-title {font-size: 1.8rem!important;}
	.home-posts h4{font-size:18px;}	
}

@media only screen and (max-width: 30.063em){
	.site-branding {width: 180px; max-width: 60%;}
	.site-header .site-tools {top: -3px!important;}
	.page-title {font-size: 35px!important;}
	.single .entry-title {font-size: 1.2rem!important;}
	.single-post-header.with-thumb .title {padding: 95px 0 0 0;}
	.index-layout-2 .with-sidebar ul.blog-posts .blog-post .bg-image-wrapper, .index-layout-2 .with-sidebar ul.blog-posts .blog-post:first-child .bg-image-wrapper, .index-layout-2 .with-sidebar ul.blog-posts .blog-post:nth-child(5n+5) .bg-image-wrapper {height: 208px;}
	#site-footer #text-4 {display: none;}
}

@media (max-width: 480px){
	#podcast iframe, #podcast object, #podcast embed, #podcast-mobile iframe, #podcast-mobile object, #podcast-mobile embed {height: 100px;}
}

.sticky-logo {max-height: 39px;}
.mobile-navigation a {color: #FFF; font-weight: 400;}
.mobile-navigation a:hover {color: #ffb9a4;}
.mobile-navigation {padding: 0; border-bottom: 0px solid #e5e5e5;}
.offcanvas_content_right{padding-top: 35px;}
.mobile-navigation ul li a {font-weight: 400!important;}

/****************************************************************/
/****************************************************************/
/****************************************************************/