/*
Theme Name: atualita
Theme URI: http://underscores.me/
Author: Explay
Author URI: http://explay.com.br
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: atualita
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

atualita is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.main-navigation {
    display: block;
    float: left;
    margin-top: 42px;
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation li {
    float: left;
    position: relative;
}

.main-navigation a {
    display: block;
    text-decoration: none;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 1.5em;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul a {
    width: 280px;
}

.main-navigation ul ul li {}

.main-navigation li:hover>a,
.main-navigation li.focus>a {}

.main-navigation ul ul :hover>a,
.main-navigation ul ul .focus>a {}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {}

.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
    left: auto;
}

.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
    left: 100%;
}

.main-navigation .current_page_item>a,
.main-navigation .current-menu-item>a,
.main-navigation .current_page_ancestor>a,
.main-navigation .current-menu-ancestor>a {}


/* Small menu. */

.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}

@media screen and (min-width: 768px) {
    .menu-toggle {
        display: none;
    }
    .main-navigation ul {
        display: block;
    }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/


/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}


/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
    outline: 0;
}


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget {
    margin: 0 0 1.5em;
}


/* Make sure select elements fit in widgets. */

.widget select {
    max-width: 100%;
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
    display: block;
}

.hentry {
    margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}


/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}


/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/


/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,

/* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}


/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
    display: block;
}


/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}


/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
    max-width: 100%;
}


/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}


/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}


/** CUSTOM - Explay **/

body {
    color: #4d4d4d;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
}

header.site-header {
    background: url(resources/i/header-border.png) no-repeat center bottom;
}

.site-title {
    margin: 12px 0 16px 16px;
}

.site-title a {
    background: url(resources/i/logo.png) no-repeat center center;
    display: block;
    width: 167px;
    height: 67px;
    text-indent: -99999px;
}

.main-navigation ul li a {
    color: #000;
    font-family: 'Montserrat', sans-serif;
    line-height: 14px;
    padding: 0 14px;
    text-transform: uppercase;
}

.main-navigation ul li:first-child a {
    padding-left: 0;
}

.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item a {
    color: #ed1c24;
}

.main-navigation ul li {
    border-right: 2px solid #000;
}

.main-navigation ul li:last-child {
    border-right: none;
}

ul.sub-menu {
    background: #fff;
    margin-top: -8px;
}

ul.sub-menu li {
    border-right: none;
}

ul.sub-menu li a,
.main-navigation ul li ul.sub-menu li:first-child a {
    padding: 6px 10px;
}

.main-navigation ul li ul.sub-menu li:first-child a {
    padding-top: 12px;
}

.main-navigation ul li ul.sub-menu li:last-child a {
    padding-bottom: 12px;
}

footer.site-footer {
    background: #192a3b;
    min-height: 90px;
}

footer.site-footer a.explay {
    background: url(resources/i/marca-explay.png) no-repeat center center;
    display: block;
    text-indent: -99999px;
    width: 69px;
    height: 16px;
}

footer.site-footer div.site-info {
    color: #fff;
}

footer.site-footer div.container {
    margin-top: 35px;
}

div.sobre {
    background: #192a3b;
    min-height: 350px;
}

div.sobre h2 {
    max-width: 420px;
    text-align: center;
    margin: 70px auto 38px auto;
}

div.sobre p {
    color: #fff;
    padding: 0 28px;
    text-align: center;
}

div.sobre a {
    background: #fb9b0c;
    border-radius: 8px;
    border: 0px solid #ffac08;
    color: #fff;
    display: block;
    margin: 40px auto 0 auto;
    padding-top: 6px;
    text-align: center;
    width: 115px;
    height: 32px;
}

h1,
h2,
h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

h4 {
    font-size: 16px;
    font-weight: bold;
}

h1 {
    font-size: 30px;
    text-align: center;
    margin: 90px 0 80px;
}

h2 {
    color: #fff;
}

div.parceiros {
    background: #f9f9f9;
    padding-bottom: 70px;
}

div.parceiros div.parceiro {
    background: #fff;
    float: left;
    margin: 16px 8px;
    width: 110px;
    height: 110px;
}

div.parceiros h2,
div.apolice-online h2 {
    color: #4d4d4d;
    margin: 45px 0 60px 0;
    text-align: center;
}

div.apolice-online {
    background: url(resources/i/bg-apolice.png) no-repeat center bottom;
    text-align: center;
}

div.apolice-online.interno {
    background: none;
}

div.apolice-online h2,
div.apolice-online p {
    margin-bottom: 35px;
}

img.pc {
    width: 100%;
    height: auto;
    max-width: 384px;
    max-height: 331px;
}

div.apolice-online div.pc {
    background: url(resources/i/pc-apolice.png) no-repeat center;
    margin: 0 auto;
    width: 384px;
    height: 331px;
}

div.apolice-online div.pc a.emita {
    background: url(resources/i/apolice-online.png) no-repeat center;
    display: block;
    text-indent: -99999px;
    width: 100%;
    height: 230px;
}

div.valores {
    background: #192a3b;
}

div.valores {
    color: #fff;
    margin-bottom: 65px;
    text-align: center;
}

div.valores div {
    height: 140px;
}

div.valores.garantia {
    margin-top: 130px;
    float: left;
}

div.valores.garantia div {
    height: 260px;
}

div.valores.empresa div {
    height: 130px;
}

div.valores h2 {
    margin: 60px 0 30px 0;
}

div.valores p {
    font-size: 12px;
}

div.contato div.content {
    background: #192a3b;
    margin-bottom: 200px;
    padding-bottom: 40px;
}

.wpcf7-form input[type=email],
.wpcf7-form input[type=text] {
    width: 90%;
    height: 44px;
}

.wpcf7-form textarea {
    width: 90%;
    height: 294px;
    resize: none;
}

.wpcf7-form.form-horizontal .control-label {
    color: #fff;
    font-size: 18px;
    padding-top: 16px;
}

.wpcf7-form input[type=submit] {
    background: #fff;
    border: none;
    color: #000;
    float: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    margin: 0 auto;
    text-transform: uppercase;
    width: 166px;
    height: 44px;
}

div.wpcf7 {
    margin-bottom: 44px;
}

div.contato h3,
div.clientes h3 {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    margin: 56px 0 36px 0;
    text-align: center;
}

div.clientes h3 {
    color: #4d4d4d;
}

div.parceiros-set {
    text-align: center;
    margin-bottom: 60px;
}

div.parceiros-set img {
    margin: 15px;
}
div.seguradoras img {
    margin: 15px;
}

div.clientes div.seguradora {
    float: left;
    margin: 0 3px 50px 3px;
    width: 120px;
    height: 60px;
}

.seguros div.article {
    clear: both;
}

.seguros article h1 {
    clear: both;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    /*text-transform: capitalize;*/
    font-weight: bold;
    margin: 0;
    /* float: left;*/
    margin-bottom: 20px;
    text-align: left;
}

.seguros article div.desc {
    font-size: 12px;
    padding-top: 38px;
}

.seguros article div.desc ul {
    padding-left: 16px;
}

.bjqs li {
    width: 100%;
    height: 706px !important;
    position: relative;
}

#banner {
    height: 706px !important;
}

div#banner {
    position: relative;
    max-width: 100% !important;
}

#banner div.controles {
    background: #4d4d4d;
    bottom: 0;
    margin-top: 646px;
    height: 60px;
}

#banner div.controles a {
    color: #fff;
    cursor: default;
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    height: 60px;
    padding-top: 20px;
    text-align: center;
    text-transform: uppercase;
    z-index: 100;
}

#banner div.controles a.active,
#banner div.controles a:hover {
    background: #333333;
    text-decoration: none;
}

#banner div.controles a.active::before {
    background: url(resources/i/controle-seta.png) no-repeat center top;
    content: " ";
    position: absolute;
    top: -10px;
    left: 50%;
    width: 20px;
    height: 10px;
}

@media screen and (max-width: 992px) {
    #banner div.controles {
        display: none;
    }
}

@media screen and (max-width: 1200px) {
    .main-navigation ul li a {
        padding: 0 8px;
    }
    .main-navigation {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 600px) {
    .site-title a {
        margin: 0 auto;
    }
    div#banner {
        display: none;
    }
    div.valores.garantia div {
        height: auto;
        margin-bottom: 40px;
    }
    div.parceiros-set img {
        float: left;
        clear: both;
        margin-bottom: 20px;
    }
    .sobre {
        padding-bottom: 20px;
    }
    #colophon {
        padding-bottom: 20px;
    }
}

nav.toggled ul li {
    border-right: none;
    float: none;
}

nav.toggled ul li a {
    padding: 4px 0;
}

.menu-toggle {
    background: url(resources/i/menu-icon.png) no-repeat 6px 7px #192a3b;
    border: 0;
    color: #fff;
    text-transform: uppercase;
    padding-left: 30px;
}

.bjqs-prev a {
    background: url(resources/i/arrow_prev.png) no-repeat center center;
    display: block;
    position: absolute;
    left: 10px;
    top: 40%;
    text-indent: -99999px;
    width: 128px;
    height: 128px;
}

.bjqs-next a {
    background: url(resources/i/arrow_next.png) no-repeat center center;
    display: block;
    position: absolute;
    right: 10px;
    top: 40%;
    text-indent: -99999px;
    width: 128px;
    height: 128px;
}

li.bjqs-slide {
    cursor: pointer;
}

.page-template-template-cotacoes {
    color: #6d6e71;
}

.page-template-template-cotacoes .wpcf7-form input[type=text] {
    width: 80%;
    height: auto;
}

.page-template-template-cotacoes .wpcf7-form.form-horizontal .control-label {
    color: #6d6e71;
    font-size: inherit;
    padding-top: 7px;
    text-align: initial;
}

.page-template-template-cotacoes .wpcf7-form.form-horizontal .control-label.text-right {
    text-align: right;
}

.page-template-template-cotacoes .wpcf7-form textarea {
    height: auto;
}

.wpcf7-form input[type=submit].cotacoes {
    background: #ed1c24;
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    width: 110px;
    height: 34px;
}

.page-template-template-cotacoes h1.quest {
    font-size: 34px;
    margin-bottom: 10px;
}

.page-template-template-cotacoes .entry-header h1 {
    margin-top: 0px;
}