/*
Theme Name: Occasio Child
Theme URI: https://themezee.com/themes/occasio/
Template: occasio
Author: ThemeZee
Author URI: https://themezee.com/
Description: Occasio is a sleek and modern Blogging & Magazine WordPress Theme, carefully designed for writers using the Gutenberg Block Editor. The theme supports several blog layouts, extensive post settings and various page templates. It is also AMP-ready and accessible. Start your blog now!
Tags: one-column,blog,news,custom-background,custom-logo,custom-header,custom-menu,grid-layout,entertainment,editor-style,block-styles,rtl-language-support,featured-image-header,featured-images,flexible-header,custom-colors,full-width-template,sticky-post,threaded-comments,translation-ready,theme-options,two-columns,three-columns
Version: 1.0.4.1621455182
Updated: 2021-05-19 20:13:02

*/

/*--------------------------------------------------------------
# - CSS Variables
--------------------------------------------------------------*/
:root {
	--primary-color: #2a4861;
	--secondary-color: #5d7b94;
	--tertiary-color: #90aec7;
	--accent-color: #60945d;
	--contrast-color: #e63e4c;
	--highlight-color: #915d94;
	--light-gray-color: #ededef;
	--gray-color: #84848f;
	--dark-gray-color: #24242f;
	--text-color: rgba(0, 0, 0, 0.9);
	--medium-text-color: rgba(0, 0, 0, 0.7);
	--light-text-color: rgba(0, 0, 0, 0.5);
	--medium-border-color: rgba(0, 0, 0, 0.3);
	--light-border-color: rgba(0, 0, 0, 0.1);
	--link-color: #5d7b94;
	--link-hover-color: #2a4861;
	--button-color: #b9a069; /*#2a4861;*/
	--button-text-color: #fff;
	--button-hover-color: #b9a069; /*#5d7b94;*/
	--button-hover-text-color: #fff;
	--header-background-color: #b9a069; /*#2a4861;*/
	--header-text-color: #fff;
	--header-text-hover-color: rgba(255, 255, 255, 0.5);
	--header-border-color: rgba(255, 255, 255, 0.1);
	--title-color: #2a4861;
	--title-hover-color: #5d7b94;
	--post-meta-background-color: #ededef;
	--comments-background-color: #ededef;
	--widget-title-color: #2a4861;
	--widget-title-hover-color: #5d7b94;
	--widget-background-color: #ffffff; /*#ededef;*/
	--footer-background-color: #b9a069; /*#2a4861;*/
	--footer-text-color: rgba(255, 255, 255, 0.6);
	--footer-link-color: #fff;
	--footer-link-hover-color: rgba(255, 255, 255, 0.6);
	--footer-border-color: rgba(255, 255, 255, 0.1);
	--text-font: "Barlow", arial, helvetica, sans-serif;
	--title-font: "Barlow", arial, helvetica, sans-serif;
	--navi-font: "Barlow", arial, helvetica, sans-serif;
	--widget-title-font: "Barlow", arial, helvetica, sans-serif;
	--title-font-weight: bold;
	--navi-font-weight: normal;
	--widget-title-font-weight: bold;
	--title-text-transform: none;
	--navi-text-transform: none;
	--widget-title-text-transform: none;
	--text-line-height: 1.75;
	--title-line-height: 1.4;
}

.widget li {
	font-size: 75%;
	padding-left: 5px;
    border-left: solid 3px #B9A069;
}

#cpb-slider {
	width: 100%;
    background-color: #b9a069;
    background-image: url(/wp-content/uploads/2021/05/bg-full1.png);
}

.footer-wrap {
	background-image: url(/wp-content/uploads/2021/05/footer-bg.png);
	background-repeat:no-repeat;
	background-position:top;
	background-size: auto 100%;
}

@media only screen and (max-width: 768px) {
	.metaslider.ms-theme-outline .flexslider ul.slides .caption-wrap .caption, .metaslider.ms-theme-outline .rslides .caption-wrap .caption, .metaslider.ms-theme-outline div.nivoSlider .nivo-caption {
	    padding: 5px 0px !important;
	}
}

@media only screen and (min-width: 768px) {
	.metaslider.ms-theme-outline .flexslider ul.slides .caption-wrap .caption, .metaslider.ms-theme-outline .rslides .caption-wrap .caption, .metaslider.ms-theme-outline div.nivoSlider .nivo-caption {
	    font-size: 1.9rem !important;
	}
}

@media only screen and (max-width: 480px) {
    .sidebar .widget {
        padding-left: 1.5rem;
    	padding-right: 1.5rem;
		padding-top: 0;
		padding-bottom: 0;
    }
}


#custom_html-2, #text-3 {
	float: left;
	width: 30%;
	margin-right: 1.5rem;
}

/* ----------------- Footer --------------- */


@media only screen and (min-width: 880px) {
  .site-footer .wp-block-columns {
	  display:flex;
  }

  .site-footer .wp-block-column {
	  width: 33%;
  }
}

.contact-footer {
    color: #FFF;
    text-align: center;
    padding: 7px;
    text-transform: uppercase;
    margin-top: 18px;
    background: url(/wp-content/uploads/2021/05/mail-foo.png) no-repeat scroll 70px center rgba(2555,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.2);
}

#wpcf7-f178-o1 p, #wpcf7-f178-o2 p {
	margin: 18px 0;
}

#captura-email, .wpcf7-response-output {
	color: #ffffff;
    text-align: center;
    padding: 7px;
    background: url(/wp-content/uploads/2021/05/mail-foo.png) no-repeat scroll -25px center rgba(2555,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.2);
	width: 100%;
}

#captura-email::placeholder {
  color: #ccc;
  opacity: 1; /* Firefox */
}
#captura-email:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #ccc;
}
#captura-email::-ms-input-placeholder { /* Microsoft Edge */
 color: #ccc;
}

input[type="submit"]#botao-captura-email {
	width: 100%;
    margin-top: 10px;
}

#botao-captura-email:hover {
	color:#ffffff;
}


#wpcf7-f177-p51-o1 {
    background: none repeat scroll 0% 0% #F5F5F5;
    text-align: center;
    border-top: 4px solid rgb(185, 160, 105) !important;
    font-size: 12px;
    padding: 20px 8px 2px 8px;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}


#wpcf7-f177-p51-o1 input[type="text"], #wpcf7-f177-p51-o1 input[type="email"], #wpcf7-f177-p51-o1 textarea {
    border: 1px solid #b1955e;
    margin-bottom: 14px;
    padding: 7px;
    width: 90%;
    font-size: 12px;
    color: #222;
}

#wpcf7-f177-p51-o1 .wpcf7-submit {
	width:100%;
}

#wpcf7-f177-p51-o1 p {
	margin: 0 0 10px 0;
}

.thumb-boletim {
	text-align: center;
}
.thumb-boletim img {
	background:beige;
}

.cinza {
	background-color: #ededed;
	padding: 0 20px;
}

#secondary, .site-content, .sidebar .widget {
	background: #f2f0e3;
}

blockquote {
	font-size: 1.75em;
    border-color: #B9A069;
    margin: 1.75rem 0 1.75rem 1.75rem;
}

.ub-block-post-grid .ub-block-post-grid-more-link {
    display: inline-block;
    box-shadow: none;
    transition: .3s ease;
    font-weight: normal;
	font-size: 16px;
    color: #ffffff !important;
    text-decoration: none;
	background-color: #b9a069;
	padding: 8px;
}

.nacionalidade {
	margin-top: 16px;
	color: #5d7b94;
    font-size: 1.0625rem;
}

.wp-block-post-excerpt__more-link {
	color: #ffffff;
    background-color: #B9A069;
    padding: 5px;
    font-size: 75%;
}

.wp-block-post-excerpt__more-link:hover {
	color: #ededed;
}