/*
Theme Name: duo-me
Author: duo-me design
Author URI: http://duo-me.com/
Version: 1.0
*/

/* global */
* {-moz-box-sizing: border-box; box-sizing: border-box}
body {font-family: 'Roboto', sans-serif}
.clearfix {*zoom:1}
.clearfix:before,
.clearfix:after {content:""; display:table; line-height:0}
.clearfix:after {clear:both}
h1,
h2,
p,
ul {margin: 0; padding: 0}
li {list-style-type: none}

/* estrutura */
.container {margin: 0 auto; max-width: 90%}

/* icones */
.icone-rede-rodape {background: url(../img/ebooks/redes-rodape.png) no-repeat; display: block; height: 32px; width: 32px}
.nav-facebook .icone-rede-rodape {background-position: 0 0}
.nav-twitter .icone-rede-rodape {background-position: -32px 0}
.nav-linkedin .icone-rede-rodape {background-position: -64px 0}
.nav-googleplus .icone-rede-rodape {background-position: -96px 0}

/* botoes */
.btn-download {background: #03b518; border: none; border-radius: 20px; color: #fff; display: inline-block; font-size: 16px; font-weight: 700; padding: 10px 30px; text-decoration: none; text-transform: uppercase}
.btn-download:disabled,
.btn-download:disabled:hover,
.btn-download:disabled:active,
.btn-download:disabled:focus {opacity: .65}

/* colorbox */
#cboxLoadingGraphic{background-image: url(../img/ebooks/loading.gif)}
#cboxPrevious{background-image: url(../img/ebooks/controls.png)}
#cboxNext{background-image: url(../img/ebooks/controls.png)}
#cboxClose{background-image: url(../img/ebooks/controls.png)}

/* topo */
#topo {background: url(../img/ebooks/destaque.jpg) top center no-repeat; background-size: cover; min-height: 652px; margin: 0 0 60px; padding: 15px 0; text-align: right}
.conteudo-topo {margin: 120px 0 0; text-align: left}
.conteudo-topo h1 {color: #333; font-size: 30px; font-weight: 700; margin: 0 0 10px; text-transform: uppercase}
.conteudo-topo p {color: #333; font-size: 16px; margin: 0 0 30px; text-transform: uppercase}

/* rodape */
#rodape .conteudo-rodape {background: #313131; padding: 55px 0; text-align: center; display: none;}
#rodape img {display: block; margin: 0 auto 30px}
#rodape a {color: #999; font-size: 16px; font-weight: 700; text-decoration: none}
.redes-rodape {margin: 30px 0 0}
.redes-rodape li {display: inline-block; margin: 0 0 0 5px}
.redes-rodape li:first-child {margin-left: 0}
#rodape .copyright {color: #999; font-size: 12px; padding: 20px 0; text-align: center; display: none;}

/* chamadas */
#chamadas {margin-bottom: 60px}
#chamadas li {border-top: 1px solid #15435e; margin: 40px 0 0; padding: 40px 0 0; text-align: center}
#chamadas li:first-child {border-top: none; margin-top: 0; padding-top: 0}
#chamadas li img {margin: 0 0 20px}
#chamadas li p {color: #0f3e5c; font-size: 20px}

/* baixar */
#baixar-ebook {background: #75d8d7 url(../img/ebooks/bg-cta.jpg) top center no-repeat; background-size: cover; min-height: 269px; margin: 0 0 80px; padding: 80px 0 0; text-align: center}
#baixar-ebook a {color: #fff; font-size: 22px; font-weight: 700; text-decoration: none; text-transform: uppercase}
#baixar-ebook a strong {background: #f0af3b; padding: 0 5px}

/* chamada blog */
#chamada-blog {color: #999; font-size: 30px; font-weight: 300; text-align: center; margin-bottom: 70px}
#chamada-blog a {color: #999; font-weight: 700; text-decoration: none}

/* formulario */
#modal {padding: 50px 25px}
.form-download h2 {color: #999; font-size: 18px; font-weight: 400; margin: 0 0 30px}
.dados-form {margin: 0 0 20px}
.campo-modal {background: #fff; border: 1px solid #999; color: #999; display: block; font-size: 16px; height: 52px; line-height: 52px; outline: none; padding: 0 10px; width: 100%}
.form-download .btn-download {float: right}
div.wpcf7 .ajax-loader { width: 32px; height: 32px; background-image: url(../img/ajax-loading.gif); }

/* obrigado */
.conteudo-obrigado {margin: 120px auto 0; text-align: center; max-width: 677px}
.conteudo-obrigado h1 {color: #333; font-size: 50px; line-height: normal; font-weight: 700; margin: 0 0 15px}
.conteudo-obrigado p {color: #333; font-size: 16px}
.conteudo-obrigado p a {color: #333}

.mf-notification-iframe {display: none !important}

/* reponsive */
@media (min-width: 600px) {
	/* topo */
	.conteudo-topo {float: right; max-width: 480px}
}
@media (min-width: 960px) {
	.container {width: 960px}
	.btn-download {-webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s}
	.btn-download:hover {background: #008f11}
	#chamadas li {border-left: 1px solid #15435e; border-top: none; float: left; height: 135px; margin: 0 0 0 40px; padding: 0 0 0 40px; width: 202px}
	#chamadas li:first-child {border-left: none; margin-left: 0; padding-left: 0}
	#baixar-ebook {padding-top: 108px}
	#baixar-ebook a strong {border-radius: 20px; display: inline-block; padding: 10px 15px}
	#chamada-blog {font-size: 50px}
}

/* Loading */
.loading {
    display: block;
    width: 24px;
    height: 24px;
    margin-top:-24px;

    border: 4px solid green;
    border-radius:50%;
    border-top-color: transparent;

    animation: spin infinite 500ms;
}
/* animation */
@keyframes spin {
    to {
        transform:rotate(360deg);
    }
}