.ebook-container {
display: flex;
flex-direction: column;
align-items: flex-start;
position: relative;
margin-top: 1.25rem;
}
.ebook-label-container {
display: flex;
align-items: center;
margin-bottom: 20px;
justify-content: space-between;
width: 100%;
flex-direction: column;
}
.form-ebook .container {
width: 100%;
}
.invalid {
border-color: red !important;
}
.ebook-banner {
margin-top: 2rem;
.ebook-content {
display: flex;
align-items: center;
justify-content: center;
position: relative;
padding: 30px 0;
text-align: center;
background-image: url(//vivenciar.net/wp-content/plugins/ebook-manager/images/ebook-banner.jpg);
background-position: center;
background-size: cover; width: 100%; .ebook-form-container {
width: 100%;
.text-donwload {
span {
display: block;
}
a {
display: inline-block;
color: #4d4538;
text-decoration: none;
font-weight: 900;
margin-top: 15px;
opacity: 0;
border-color: transparent;
}
}
.text-lg {
font-size: 1.2rem;
}
.text-course {
font-size: 16px;
font-weight: 300;
color: #000;
cursor: pointer;
span {
display: block;
margin-bottom: 20px;
}
}
}
.ebook-container > div {
margin-bottom: 30px;
}
.layer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}
.ebook-download {
margin-bottom: 0;
.ebook-form-container {
padding: 30px 30px 50px;
}
.text-donwload {
position: relative;
top: 20px;
}
.ebook-link {
margin-top: 30px;
}
.btn-ebook {
display: inline-block;
max-width: none;
&:before {
display: none;
}
}
}
.tablet-holder {
position: relative; width: 100%;
height: 420px;
.ebook-tablet {
background: url(//vivenciar.net/wp-content/plugins/ebook-manager/images/tablet.png) no-repeat center/contain;
width: 100%;
height: 100%;
}
.ebook-image {
position: absolute;
left: 0;
top: -3px;
width: 100%;
height: 100%;
padding: 43px 20px;
margin: 0 auto;
text-align: center;
img {
width: 100%;
height: 100%;
}
}
}
.ebook-form-container {
padding: 20px;
background-color: white;
border-radius: 10px;
box-shadow: 0 0 5px #999;
max-width: 500px;
width: 90%;
margin: 0 auto;
&.step-1 { }
&.step-2 {
display: none;
}
&.step-2,
&.step-3 {
font-size: 14px;
text-align: center;
> div {
margin-bottom: 20px;
}
> div:last-child {
margin-bottom: 0;
}
}
&.step-3 {
.text-alert {
font-size: 30px;
}
.text-simple {
font-size: 18px;
margin: 0 20%;
}
.text-footer {
font-size: 16px;
}
}
.text-simple {
font-size: 1.2rem;
}
.text-alert {
color: #e62817;
font-weight: bold;
font-size: 16px;
}
.text-footer {
font-size: 1.2rem;
color: #e62817;
font-weight: bold;
a {
color: #999;
text-decoration: underline;
}
p {
color: #999;
margin: 0; }
}
.text-divisor {
margin: 30px 0;
height: 1px;
width: 100%;
background-color: #ccc;
}
.text-resend {
font-size: 1.2rem;
a {
color: #000;
}
}
}
.ebook-video {
position: relative;
.video-title {
text-transform: uppercase;
font-size: 30px;
font-weight: bold;
color: red;
text-align: center;
}
.video-bg {
background: #d15b27; background: -moz-linear-gradient(
top,
#d15b27 0%,
#96161a 100%
); background: -webkit-linear-gradient(
top,
#d15b27 0%,
#96161a 100%
); background: linear-gradient(
to bottom,
#d15b27 0%,
#96161a 100%
); text-align: center;
padding: 30px 0;
.title {
color: #ffcc33;
font-weight: 900;
font-size: 22px;
margin-bottom: 30px;
}
.text {
color: white;
font-size: 18px;
}
}
.video-holder {
margin: 0;
height: auto;
float: none;
width: 100%;
top: 0;
}
}
.ebook-content .container {
width: 60%;
display: flex;
flex-direction: column;
align-items: center;
.container-2 {
border: 1px solid #ccc;
border-radius: 10px;
padding: 0 20px 20px 20px;
margin-top: 2rem;
}
}
@media (max-width: 768px) {
.ebook-content .container {
width: 100%;
}
.ebook-container {
margin: 0;
text-align: center;
}
}
.form-ebook {
.form-group {
width: 100% !important;
margin-bottom: 15px;
input {
border: 1px solid #ccc;
border-radius: 30px; font-size: 16px;
color: #333;
width: 100%;
}
}
}
.ebook-tag {
position: relative;
background-color: #ffcc33;
border-radius: 50px;
padding: 7px;
font-size: 22px;
font-weight: 900;
color: #663b33;
text-align: center;
max-width: 300px;
margin: 0 auto;
margin-bottom: 20px;
&:before {
content: "";
position: absolute;
top: -16px;
left: 2px;
display: block;
background: url(//vivenciar.net/wp-content/plugins/ebook-manager/images/tag-after.png) no-repeat center/contain; transform: rotate(180deg);
}
}
.ebook-title {
margin: 30px 0;
text-transform: uppercase;
font-weight: 900;
font-size: 40px;
color: white;
}
.ebook-writer {
color: #ffcc33;
font-weight: bold;
font-size: 20px;
}
.ebook-desc {
color: white;
font-size: 18px;
}
.ebook-label {
color: #ccc;
margin-bottom: 0px;
margin-left: 5px;
font-size: 14px;
}
.btn-ebook {
position: relative;
padding: 10px 20px;
color: white;
background-color: #36b3b3;
border: 1px solid #36b3b3;
border-radius: 50px;
font-size: 14px;
width: 80%;
max-width: 400px;
box-sizing: border-box;
height: auto;
line-height: 14px;
margin-top: 20px;
}
.ebook-text {
color: #666;
font-size: 16px;
padding: 30px 0;
text-align: justify;
.text-content > p {
margin-bottom: 30px;
}
}
.icon-play {
position: relative;
display: inline-block;
width: 28px;
height: 22px;
margin-right: 5px;
&:before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
background: url(//vivenciar.net/wp-content/plugins/ebook-manager/images/icon-play.png) no-repeat center/contain;
width: 28px;
height: 22px;
}
}
.video-embed {
position: relative;
padding-bottom: 56.25%; padding-top: 25px;
height: 0;
iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
.ebook-footer {
.top_bar-logo {
margin: 30px 0;
h2 {
margin: 0;
text-align: center;
width: 100%;
}
}
}
@media screen and (min-width: 768px) {
.ebook-banner .ebook-content {
.tablet-holder {
.ebook-image {
padding: 41px 20px;
left: 1px;
top: -3px;
}
}
}
}
@media screen and (min-width: 1024px) {
.ebook-banner .ebook-content {
.tablet-holder {
width: 350px;
height: 500px;
margin: 0 60px;
float: left;
.ebook-image {
height: 100%;
padding: 49px 24px;
left: 1px;
top: -4px;
}
}
.ebook-container { > div {
margin-bottom: 0px;
}
}
.ebook-tag {
width: auto;
margin: 0;
display: inline-block;
padding: 10px;
width: 180px;
&:before {
top: 36px;
left: -2px;
transform: none;
height: 23px;
width: 30px;
}
}
.ebook-title {
margin: 15px 0;
}
.ebook-form-container {
max-width: none;
margin: 0;
.ebook-label {
margin-bottom: 0;
padding-right: 30px;
}
.form-ebook {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
.form-group,
.ebook-label,
.btn-ebook { }
}
}
}
.ebook-download {
margin-bottom: 260px;
}
.ebook-video {
margin-bottom: 60px;
.video-title {
width: 50%;
text-align: left;
}
.video-bg .ebook-container {
width: 50%;
margin: 0;
text-align: left;
}
.video-holder {
width: 440px;
position: absolute;
left: 55%;
top: 40px;
}
}
}
@media screen and (min-width: 1200px) {
.ebook-banner .ebook-content {
.tablet-holder {
width: 42%;
height: 700px;
margin: 0;
.ebook-image {
top: -6px;
left: 1px;
padding: 68px 34px;
}
}
.ebook-container { }
}
.ebook-text {
.ebook-container { }
}
.ebook-video {
margin-bottom: 120px;
.video-title,
.video-bg .ebook-container {
width: 42%;
}
.video-holder {
width: 630px;
left: 47%;
top: 0px;
}
}
}
.page-template-page-ebook {
.ebook-banner {
.tablet-holder {
height: 320px;
.ebook-image {
padding: 0;
position: relative;
height: 100%;
img {
width: auto;
}
}
.ebook-tablet {
display: none;
}
}
@media screen and (min-width: 768px) {
.tablet-holder {
height: 420px;
}
}
@media screen and (min-width: 1024px) {
.tablet-holder {
height: 470px;
margin: 0 auto;
width: 450px;
}
}
@media screen and (min-width: 1280px) {
.tablet-holder {
height: 800px;
margin: 0 auto;
width: 770px;
position: absolute;
top: -10px;
left: -120px;
}
}
}
} .select-wrapper {
position: relative;
display: inline-block;
width: 50%;
}
@media (max-width: 600px) {
.select-wrapper {
width: 100%;
}
}
.select-wrapper:after {
content: "▼";
position: absolute;
right: 8px;
top: 4px;
z-index: 1;
pointer-events: none;
}
.select-wrapper select {
width: 100%; border: 1px solid #ccc;
border-radius: 30px;
background-color: #fff;
font-size: 16px;
color: #495057;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
}
.select-wrapper select::-ms-expand {
display: none;
}
.error-message {
color: red;
display: flex;
font-size: 0.8rem;
}
.ebook-color {
color: #3e3e3e;
}
.ebook-title {
font-size: 1.75rem;
text-transform: unset;
font-weight: 600;
}
@media (max-width: 1100px) {
.ebook-content > .container {
flex-direction: column;
}
.ebook-tag {
margin: unset !important;
padding: 7px 20px;
}
}
@media (min-width: 1100px) {
.ebook-image {
display: flex;
align-items: center;
justify-content: center;
}
.ebook-image img {
width: 360px;
max-width: unset;
height: unset;
}
}