/* ----------------------------------------------------------------
    Colors

    Replace the HEX Code with your Desired Color HEX
-----------------------------------------------------------------*/


::selection { background: #DE841B; }

::-moz-selection { background: #DE841B; }

::-webkit-selection { background: #DE841B; }


a,
h1 > span,
h2 > span,
h3 > span,
h4 > span,
h5 > span,
h6 > span,
.header-extras li .he-text span,
#primary-menu > ul > li:hover a,
#primary-menu > ul > li.current a,
#primary-menu > div > ul > li:hover a,
#primary-menu > div > ul > li.current a,
#top-cart a:hover,
.top-cart-action span.top-checkout-price,
.breadcrumb a:hover,
#portfolio-filter li a:hover,
.portfolio-desc h3 a:hover,
.portfolio-overlay a:hover,
#portfolio-navigation a:hover,
.entry-title h2 a:hover,
.entry-meta li a:hover,
.post-timeline .entry:hover .entry-timeline,
.post-timeline .entry:hover .timeline-divider,
.ipost .entry-title h3 a:hover,
.ipost .entry-title h4 a:hover,
.spost .entry-title h4 a:hover,
.mpost .entry-title h4 a:hover,
.comment-content .comment-author a:hover,
.product-title h3 a:hover,
.single-product .product-title h2 a:hover,
.product-price ins,
.single-product .product-price,
.feature-box.fbox-border .fbox-icon i,
.feature-box.fbox-border .fbox-icon img,
.feature-box.fbox-plain .fbox-icon i,
.feature-box.fbox-plain .fbox-icon img,
.process-steps li.active h5,
.process-steps li.ui-tabs-active h5,
.team-title span,
.pricing-box.best-price .pricing-price,
.btn-link,
.dark .post-timeline .entry:hover .entry-timeline,
.dark .post-timeline .entry:hover .timeline-divider { color: #DE841B; }

.color,
#primary-menu ul ul li:hover > a,
#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a:hover,
.top-cart-item-desc a:hover,
.faqlist li a:hover,
.tagcloud a:hover,
.dark .top-cart-item-desc a:hover,
.iconlist-color li i { color: #DE841B !important; }

#primary-menu.style-3 > ul > li.current > a,
#primary-menu.sub-title > ul > li:hover > a,
#primary-menu.sub-title > ul > li.current > a,
#primary-menu.sub-title > div > ul > li:hover > a,
#primary-menu.sub-title > div > ul > li.current > a,
#top-cart > a > span,
#page-menu-wrap,
#page-menu.dots-menu nav li.current a,
#page-menu.dots-menu nav li .dots-menu-caption,
#portfolio-filter li.activeFilter a,
#portfolio-shuffle:hover,
.entry-link:hover,
.sale-flash,
.button:not(.button-white):not(.button-dark):not(.button-border):not(.button-black):not(.button-red):not(.button-teal):not(.button-yellow):not(.button-green):not(.button-brown):not(.button-aqua):not(.button-purple):not(.button-leaf):not(.button-pink):not(.button-blue):not(.button-dirtygreen):not(.button-amber):not(.button-lime),
.button.button-dark:hover,
.promo.promo-flat,
.feature-box .fbox-icon i,
.feature-box .fbox-icon img,
.fbox-effect.fbox-dark .fbox-icon i:hover,
.fbox-effect.fbox-dark:hover .fbox-icon i,
.fbox-border.fbox-effect.fbox-dark .fbox-icon i:after,
.i-rounded:hover,
.i-circled:hover,
ul.tab-nav.tab-nav2 li.ui-state-active a,
.testimonial .flex-control-nav li a,
.skills li .progress,
.owl-theme .owl-dots .owl-dot span,
#gotoTop:hover,
.dark .button-dark:hover,
.dark .fbox-effect.fbox-dark .fbox-icon i:hover,
.dark .fbox-effect.fbox-dark:hover .fbox-icon i,
.dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after,
.dark .i-rounded:hover,
.dark .i-circled:hover,
.dark ul.tab-nav.tab-nav2 li.ui-state-active a,
.dark .tagcloud a:hover,
.ei-slider-thumbs li.ei-slider-element { background-color: #DE841B; }

.bgcolor,
.button.button-3d:not(.button-white):not(.button-dark):not(.button-border):not(.button-black):not(.button-red):not(.button-teal):not(.button-yellow):not(.button-green):not(.button-brown):not(.button-aqua):not(.button-purple):not(.button-leaf):not(.button-pink):not(.button-blue):not(.button-dirtygreen):not(.button-amber):not(.button-lime):hover,
.process-steps li.active a,
.process-steps li.ui-tabs-active a,
.sidenav > .ui-tabs-active > a,
.sidenav > .ui-tabs-active > a:hover,
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus { background-color: #DE841B !important; }

#primary-menu.style-4 > ul > li:hover > a,
#primary-menu.style-4 > ul > li.current > a,
.top-cart-item-image:hover,
.post-timeline .entry:hover .entry-timeline,
.post-timeline .entry:hover .timeline-divider,
.cart-product-thumbnail img:hover,
.feature-box.fbox-outline .fbox-icon,
.feature-box.fbox-border .fbox-icon,
.dark .top-cart-item-image:hover,
.dark .post-timeline .entry:hover .entry-timeline,
.dark .post-timeline .entry:hover .timeline-divider,
.dark .cart-product-thumbnail img:hover,
.heading-block.border-color:after { border-color: #DE841B; }

.top-links ul ul,
.top-links ul div.top-link-section,
#primary-menu ul ul,
#primary-menu ul li .mega-menu-content,
#primary-menu.style-6 > ul > li > a:after,
#primary-menu.style-6 > ul > li.current > a:after,
#top-cart .top-cart-content,
.fancy-title.title-border-color:before,
.dark #primary-menu:not(.not-dark) ul ul,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content,
#primary-menu.dark ul ul,
#primary-menu.dark ul li .mega-menu-content,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2,
#primary-menu.dark ul li .mega-menu-content.style-2,
.dark #top-cart .top-cart-content { border-top-color: #DE841B; }

#page-menu.dots-menu nav li .dots-menu-caption:after,
.title-block { border-left-color: #DE841B; }

.title-block-right { border-right-color: #DE841B; }

.fancy-title.title-bottom-border h1,
.fancy-title.title-bottom-border h2,
.fancy-title.title-bottom-border h3,
.fancy-title.title-bottom-border h4,
.fancy-title.title-bottom-border h5,
.fancy-title.title-bottom-border h6,
.more-link { border-bottom-color: #DE841B; }

.border-color,
.process-steps li.active a,
.process-steps li.ui-tabs-active a,
.tagcloud a:hover,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus { border-color: #DE841B !important; }

.fbox-effect.fbox-dark .fbox-icon i:after,
.dark .fbox-effect.fbox-dark .fbox-icon i:after { box-shadow: 0 0 0 2px #DE841B; }

.fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,
.fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i,
.dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,
.dark .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i { box-shadow: 0 0 0 1px #DE841B; }

.dark #footer .social-icon.si-borderless,
#footer.dark .social-icon.si-borderless { color: #fff !important; }

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

    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover a,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current a,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover a,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current a,
    #primary-menu ul ul li:hover > a,
    #primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title:hover > a,
    #primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a:hover { color: #DE841B !important; }

    #page-menu nav { background-color: #DE841B; }

}


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

    #portfolio-filter li a:hover { color: #DE841B; }

}



#footer .dark {background:#DE841B url('../images/footer-bg.jpg') repeat fixed; background-size: 100% 120%;}

/* --------------------- FONTE PRIMÁRIA --------------------- */

body { font-family:Lato !important; font-size:18px !important; }

small { font-family:Lato !important; }
#primary-menu ul ul a { font-family:Lato !important; }
.wp-caption { font-family:Lato !important; } 
.feature-box.fbox-center.fbox-italic p { font-family:Lato !important; }
.skills li .progress-percent .counter { font-family:Lato !important; }

/* --------------------- FONTE SECUNDÁRIA --------------------- */

h1, h2, h3, h4, h5, h6 { font-family:Lato !important; }
#logo { font-family:Lato !important; }
#primary-menu ul li a { font-family:Lato !important; }
#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a { font-family:Lato !important; }
#top-search form input { font-family:Lato !important; }
.entry-link { font-family:Lato !important; }
.entry.entry-date-section span { font-family:Lato !important; }
.button.button-desc { font-family:Lato !important; }
.counter { font-family:Lato !important; }
label {font-family:Lato !important; }
.wedding-head .first-name, .wedding-head .last-name, .wedding-head .and { font-family:Lato !important; }

/* --------------------- FONTE TERCIÁRIA --------------------- */

.entry-meta li { font-family:Lato !important; }
.entry-link span { font-family:Lato !important; }
.entry blockquote p { font-family:Lato !important; }
.more-link { font-family:Lato !important; }
.comment-content .comment-author span,
.comment-content .comment-author span a { font-family:Lato !important; }
.button.button-desc span { font-family:Lato !important; }
.testi-content p { font-family:Lato !important; }
.team-title span { font-family:Lato !important; }
.wedding-head .first-name span,
.wedding-head .last-name span { font-family:Lato !important; }


/* --------------------- BACKGROUND LIGHT --------------------- */

#page-title.dark h1 { color:#fff; }

.page-title-parallax { background-image: url(http://www.junimold.com.br/media/images/template/) !important; background-size:100%; background-position: 50% -45px; }
.error404-wrap { background-image: url(http://www.junimold.com.br/media/images/template/) !important;  background-size:100%; }

/* --------------------- BACKGROUND DARK --------------------- */

.dark .header-stick { background: url(http://www.junimold.com.br/media/images/template/) !important; background-size:100% !important; }
.light .header-stick { background: url(http://www.junimold.com.br/media/images/template/) !important; background-size:100% !important; }

/* --------------------- LINKS --------------------- */

.no-color { color:rgba(0,0,0,0.85) !important; }
.no-color:hover { color:rgba(0,0,0,1) !important; }
.dark .no-color { color:rgba(255,255,255,0.85) !important; }
.dark .no-color:hover { color:rgba(255,255,255,1) !important; }

.dark .btn { background:rgba(0,0,0,0.4); border:1px solid rgba(0,0,0,0.4); }
.dark .btn:hover { background:rgba(0,0,0,0.5); }


/* --------------------- HEADER COLORS --------------------- */

#header, .side-header #header, #header-trigger .icon-line-menu, #header-trigger .icon-line-cross, .dark #header.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark),
.dark #header.sticky-header.transparent-header #header-wrap:not(.not-dark),
.dark #header.transparent-header.floating-header .container,
.dark #header.transparent-header.floating-header.sticky-header .container,
#header.dark.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark),
#header.dark.sticky-header.transparent-header #header-wrap:not(.not-dark),
#header.dark.transparent-header.floating-header .container,
#header.dark.transparent-header.floating-header.sticky-header .container, #header.sticky-header #header-wrap { background: #FFFFFF url(http://www.junimold.com.br/media/images/template/); border-color:#FFFFFF !important; }

#primary-menu ul ul,
#primary-menu ul li .mega-menu-content { background: #FFFFFF; border:0px; border-top:3px solid rgba(0,0,0,0.2); opacity:0.9;}

#header.dark .form-control::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
#header.dark .form-control:-ms-input-placeholder {
  color: #fff;
}
#header.dark .form-control::-webkit-input-placeholder {
  color: #fff;
}

#header.dark .button { background:rgba(0,0,0,0.1); }
#header.dark .button:hover { background:rgba(0,0,0,0.2); }

#header.dark a { color:#fff; }
#header.dark a:hover { color:rgba(255,255,255,0.8); }
#header.dark a:visited { color:#fff; }


/* --------------------- CONTENT COLORS --------------------- */

#content { background:#FFFFFF url(http://www.junimold.com.br/media/images/template/); }

#content .content-page ul { padding-left:20px; }

/* --------------------- FOOTER COLORS --------------------- */

#footer { background:#CECECE url(http://www.junimold.com.br/media/images/template/); }
#footer.dark .form-control::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
#footer.dark .form-control:-ms-input-placeholder {
  color: #fff;
}
#footer.dark .form-control::-webkit-input-placeholder {
  color: #fff;
}

/* --------------------- HEADING STYLES --------------------- */

.heading-style-2 .heading-block h2 { font-weight: normal; }
.heading-style-2 .heading-block:after {
  content: '';
  display: block;
  margin-top: 10px;
  width: 40px;
  border-top: 2px solid #DE841B !important;
}
.heading-style-2 .center .heading-block:after, .heading-block.center:after, .heading-block.title-center:after { margin-top:10px; }
.heading-style-2 .center .heading-block:after, .heading-block.center:after, .heading-block.title-center:after { margin-top:10px; }


.heading-style-3 .center .heading-block:before, .heading-block.center:before, .heading-block.title-center:before { margin:20px auto 0 auto; }
.heading-style-3 .heading-block:after { display:none; }
.heading-style-3 .heading-block h2 { font-weight: normal; }
.heading-style-3 .heading-block:before {
  content: '';
  display: block;
  padding-bottom: 10px;
  width: 40px;
  border-top: 3px solid #DE841B;
}


.heading-style-4 .heading-block h2 { font-weight: normal; }
.heading-style-4 .heading-block:after {
  content: '';
  display: block;
  margin-top: 20px;
  width: 40px;
  border-top: 1px solid #dedede;
}


.heading-style-5 .heading-block { position:relative; }
.heading-style-5 .center .heading-block:before, .heading-block.center:before, .heading-block.title-center:before { margin:20px auto 0 auto; }
.heading-style-5 .heading-block h2 { font-weight: normal; }
.heading-style-5 .heading-block:before {
  content: '';
  position:absolute;
  bottom:0px;
  display: block;
  padding-bottom: 10px;
  width: 60px;
  border-top: 1px solid #DE841B !important;
}
.heading-style-5 .heading-block:after {
  content: '';
  display: block;
  padding-bottom: 10px;
  width: 100%;
  border-top: 1px solid #dedede;
}


.heading-style-6 .heading-block { position:relative; text-align: center; }
.heading-style-6 .center .heading-block:before, .heading-block.center:before, .heading-block.title-center:before { margin:20px auto 0 auto; }
.heading-style-6 .heading-block h2 { font-weight: normal; text-align:center; display: inline; position:relative; padding:0 20px; }
.heading-style-6 .heading-block:after { display:none; }
.heading-style-6 .heading-block h2:before {
  content: '';
  position:absolute;
  left:100%;
  display: block;
  padding-bottom: 5px;
  top:50%;
  margin-top:-3px;
  width: 60px;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}
.heading-style-6 .heading-block h2:after {
  content: '';
  position:absolute;
  display: block;
  right:100%;
top:50%;
  margin-top:-3px;
  padding-bottom: 5px;
  width: 60px;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}


/* --------------------- BUTTON STYLES --------------------- */

.button-style-2 .button, .button-style-2 .btn  { border-radius:25px; }

.border-colors { border:5px solid #DE841B }

/* ------------------------- CUTOMIZAÇÕES ------------------------- */
.widget > h2 { margin-bottom: 25px !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: 2px !important; text-transform: uppercase !important; }
.feature-box h2 { font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0; color: #333; }
footer h2 { margin-bottom: 25px !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: 2px !important; text-transform: uppercase !important; }
#logo img { width:auto; }
.postcontent { width:800px !important; }
.sidebar { width:300px; }
/* Portfolio - Filter
-----------------------------------------------------------------*/

#noticia-categoria {
    position: relative;
    margin: 0 0 40px 0;
    list-style: none;
    border: 1px solid rgba(0,0,0,0.07);
    float: left;
    border-radius: 4px;
}

#noticia-categoria li {
    float: left;
    position: relative;
    padding:0;
}

#noticia-categoria li a {
    display: block;
    position: relative;
    padding: 12px 18px;
    font-size: 13px;
    line-height: 15px;
    color: #666;
    border-left: 1px solid rgba(0,0,0,0.07) !important;
    background-image: none;
}

#noticia-categoria li:first-child a {
    border-left: none;
    border-radius: 4px 0 0 4px;
}

#noticia-categoria li:last-child a { border-radius: 0 4px 4px 0; }

#noticia-categoria li a:hover { color: #1ABC9C; }

#noticia-categoria li.activeFilter a {
    color: #FFF !important;
    background: #1ABC9C;
    margin: -1px 0;
    padding: 13px 18px;
}

@media(max-width:767px) {
    /* Portfolio - Filter
    -----------------------------------------------------------------*/

    #noticia-categoria {
        border: none !important;
        border-radius: 0;
        margin-bottom: 20px;
    }

    #noticia-categoria li {
        width: 33.33%;
        margin-bottom: 20px;
    }

    #noticia-categoria li a {
        text-align: center;
        border-left: none;
        padding: 12px 0px !important;
        border-radius: 2px !important;
        border:1px solid rgba(0,0,0,0.07) !important;
        margin:0 3px;
    }

    #noticia-categoria li a:hover { color: #1ABC9C; }

    #noticia-categoria li.activeFilter a {
        color: #FFF;
        margin: 0;
    }

    #noticia-shuffle { display: none; }
}

@media(max-width:479px) {
    #noticia-categoria li {
        width: 50%;
        margin-bottom: 20px;
    }
}

#noticia-categoria li.activeFilter a { font-weight: bold; }
@media(max-width:990px ){
    #fixed-news { position: relative !important; }
    .postcontent { width:100% !important; }
    .sidebar { width:100%; }
}

.blog .comment  { margin:0px !important; }
.blog .comment-wrap { padding:20px !important; }
.blog .comment-content { padding:0px !important; }

#primary-menu ul li .mega-menu-content.style-2>ul { padding:5px 10px; }
#primary-menu ul li .mega-menu-content.style-2>ul>li.mega-menu-title>a { margin-bottom: 0px; border:0px; }
#primary-menu ul li .mega-menu-content>ul { border-left:0px; }

#primary-menu ul li.mega-menu .mega-menu-content { top:100px; }