@charset "UTF-8";

:root {
--fancybox-bg: rgba(237, 232, 223, 0.5);
}
body {
background-color: #F0EEEE;
color: #0F3146;
font-family: 'Raleway', sans-serif;
padding-top: 98px;
}
@media (min-width: 992px) {
body {
padding-top: 114px;
}
}
@media (max-width: 991px) {
.container {
padding-left: 36px;
padding-right: 36px;
}
}
@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1290px;
}
}
a {
color: #0F3146;
}
a:hover {
color: #0F3146;
}
a:focus {
outline: none;
}
.h2, h2 {
font-size: 28px;
font-weight: 500;
line-height: 1.17857;
}
@media (min-width: 992px) {
.h2, h2 {
font-size: 36px;
line-height: 1.27778;
}
}
.h6, h6 {
font-size: 18px;
font-weight: 600;
line-height: 1.27778;
}
[data-label]:before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23B39378' width='20.913' height='12' viewBox='0 0 20.913 8.747'%3E%3Cpath d='M16.097 8.563a.625.625 0 010-.885l3.307-3.305-3.307-3.306a.626.626 0 01.885-.885l3.747 3.749a.625.625 0 010 .885l-3.748 3.747a.625.625 0 01-.885 0z'/%3E%3Cpath d='M0 4.373a.625.625 0 01.625-.625h18.413a.625.625 0 110 1.249H.625A.625.625 0 010 4.373z'/%3E%3C/svg%3E") " " attr(data-label);
color: #B39378;
display: block;
font-size: 14px;
font-weight: 600;
line-height: 1.16667;
margin-bottom: 6px;
}
@media (min-width: 992px) {
[data-label]:before {
font-size: 18px;
}
}
.collapsing {
transition: none;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap;
}
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%;
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.breadcrumb {
background-color: transparent;
display: flex;
font-size: 12px;
line-height: 1;
margin-bottom: 1px;
padding: 18px 0;
}
.breadcrumb, .breadcrumb a {
color: #6F6F6F;
}
.breadcrumb-item + .breadcrumb-item {
padding-left: 22px;
}
.breadcrumb-item + .breadcrumb-item:before {
color: #B39378;
content: "•";
padding-right: 6px;
}
.breadcrumb-item.active {
color: #0F3146;
font-weight: bold;
}
@media (min-width: 992px) {
.breadcrumb {
margin-bottom: 0;
padding: 32px 0;
}
}
.btn {
border-radius: 0;
font-size: 16px;
font-weight: 600;
line-height: 20px;
padding: 13px 28px;
transition: all 0.15s ease;
}
.btn .icon {
vertical-align: bottom;
}
.btn .icon-left {
margin-right: 3px;
}
.btn .icon-right {
margin-left: 3px;
}
.btn.focus, .btn:focus, .btn:not(:disabled):not(.disabled):hover, .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
opacity: 0.75;
}
.btn:focus, .btn.focus, .btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus {
box-shadow: none;
}
.btn.disabled, .btn:disabled {
cursor: no-drop;
opacity: 1;
}
.btn-primary {
background-color: #D8B190;
border-color: #D8B190;
color: #fff;
}
.btn-primary .icon {
color: #0F3146;
}
.btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):hover, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active {
background-color: #D8B190;
border-color: #D8B190;
color: #fff;
}
.btn-primary.disabled, .btn-primary:disabled {
background-color: #ebebeb;
border-color: #ebebeb;
color: #aaa;
}
.btn-secondary {
background-color: #0F3146;
border-color: #0F3146;
color: #fff;
}
.btn-secondary.focus, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled):hover, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active {
background-color: #0F3146;
border-color: #0F3146;
color: #fff;
}
.btn-secondary.disabled, .btn-secondary:disabled {
background-color: #ebebeb;
border-color: #ebebeb;
color: #aaa;
}
.btn-link {
border: 2px solid #A78F72;
color: #fff;
font-size: 18px;
font-weight: 500;
line-height: 1;
position: relative;
text-align: left;
text-transform: uppercase;
z-index: 0;
}
.btn-link .icon {
color: #D8B190;
}
.btn-link:hover {
color: #fff;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url(//americancortinasepersianas.com.br/wp-content/themes/acp/assets/images/sprite.svg#g-select) no-repeat center right 21px;
background-size: 18px 11px;
}
.form-group {
margin-bottom: 14px;
position: relative;
}
.form-control {
border-color: #F9F8F8;
border-width: 2px;
border-radius: 0;
color: #2E3C49;
font-size: 14px;
font-weight: 600;
height: 52px;
line-height: 22px;
padding: 13px 20px;
}
.form-control ~ label {
color: #2E3C49;
font-size: 14px;
font-weight: 600;
left: 22px;
line-height: 22px;
margin-bottom: 0;
pointer-events: none;
position: absolute;
top: 15px;
transition: all 0.15s ease;
}
.form-control:not(:-moz-placeholder-shown):not(select) {
padding-bottom: 4px;
padding-top: 22px;
}
.form-control:not(:-ms-input-placeholder):not(select) {
padding-bottom: 4px;
padding-top: 22px;
}
.form-control.filled, .form-control:not(:placeholder-shown):not(select) {
padding-bottom: 4px;
padding-top: 22px;
}
.form-control:not(:-moz-placeholder-shown):not(select) ~ label {
color: #B39378;
font-size: 12px;
line-height: 12px;
top: 10px;
transform: none;
}
.form-control:not(:-ms-input-placeholder):not(select) ~ label {
color: #B39378;
font-size: 12px;
line-height: 12px;
top: 10px;
transform: none;
}
.form-control.filled ~ label, .form-control:not(:placeholder-shown):not(select) ~ label {
color: #B39378;
font-size: 12px;
line-height: 12px;
top: 10px;
transform: none;
}
.form-control, .form-control:focus {
background-color: #F9F8F8;
}
.form-control:focus {
border-color: #90B5A8;
box-shadow: none;
}
.form-footer {
margin-top: 30px;
}
.form.invalid [required]:invalid {
border-color: #f00;
}
.form.invalid [required]:invalid ~ label {
color: #f00;
}
@media (min-width: 992px) {
.form-footer {
margin-top: 36px;
}
}
.form-estimate .form-control,
.form-estimate .form-control ~ label {
color: #fff;
}
.form-estimate .form-control:not(:-moz-placeholder-shown):not(select) ~ label {
color: #D8B190;
}
.form-estimate .form-control:not(:-ms-input-placeholder):not(select) ~ label {
color: #D8B190;
}
.form-estimate .form-control.filled ~ label, .form-estimate .form-control:not(:placeholder-shown):not(select) ~ label {
color: #D8B190;
}
.form-estimate .form-control option {
color: #0F3146;
}
.form-estimate .g-recaptcha > div {
margin-left: auto;
}
textarea.form-control {
height: 150px;
}
.g-recaptcha {
transform: scale(0.8);
transform-origin: center;
}
@media (min-width: 576px) {
.g-recaptcha {
transform: scale(1);
}
}
.wpcf7-not-valid-tip,
.screen-reader-response {
display: none !important;
}
.wpcf7-response-output {
font-size: 16px;
margin-top: 10px;
text-align: center;
}
.wpcf7-response-output:empty {
display: none;
}
.text-primary {
color: #C4A886 !important;
}
.slick-dots {
font-size: 0;
list-style: none;
margin-bottom: 0;
margin-top: 7px;
padding-left: 0;
text-align: center;
}
.slick-dots li {
display: inline-block;
}
.slick-dots button {
background-color: transparent;
border: none;
font-size: 0;
padding: 10px;
}
.slick-dots button:before {
background-color: #0F3146;
border-radius: 50%;
content: "";
display: block;
height: 10px;
width: 10px;
}
.slick-dots button:focus {
outline: none;
}
.slick-dots .slick-active button:before {
background-color: #D8B190;
}
.slick-arrow {
background-color: #D8B190;
border: none;
color: #fff;
font-size: 0;
height: 65px;
padding: 0;
transition: all 0.15s ease;
width: 71px;
}
.slick-arrow:hover {
background-color: #0F3146;
}
.slick-arrow:focus {
outline: none;
}
@media (min-width: 992px) {
.slick-dots {
margin-top: 44px;
}
}
.testimonial-list {
margin-left: -8px;
margin-right: -8px;
text-align: center;
}
.testimonial-list:not(.slick-initialized) {
display: flex;
}
.testimonial-list .slick-list {
overflow: visible;
}
.testimonial-list .slick-dots {
margin-top: 16px;
}
.testimonial-list .slick-slide {
width: 318px;
}
.testimonial-item {
line-height: 1.4375;
margin-bottom: 0;
padding-left: 8px;
padding-right: 8px;
width: 318px;
}
.testimonial-item-body {
background-color: #F9F8F8;
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.039);
padding: 52px 20px 34px;
}
.testimonial-item-title {
font-weight: bold;
}
.testimonial-item-reviews {
border-top: 2px solid rgba(188, 186, 184, 0.3);
color: #D8B190;
display: flex;
justify-content: center;
margin-bottom: 19px;
margin-top: 38px;
padding-top: 32px;
}
.testimonial-item-reviews .icon + .icon {
margin-left: 12px;
}
.testimonial-item-infos {
font-weight: 600;
line-height: 1.1875;
}
@media (min-width: 992px) {
.testimonial-list {
width: 140%;
}
.testimonial-list:not(.slick-initialized) .testimonial-item:nth-child(n + 4) {
display: none;
}
.testimonial-list .slick-list {
overflow: hidden;
}
.testimonial-list .slick-slide {
width: 363px;
}
.testimonial-controls {
margin-top: 45px;
}
.testimonial-controls .slick-arrow + .slick-arrow {
margin-left: 3px;
}
.testimonial-item {
font-size: 16px;
line-height: 1.375;
width: 363px;
}
.testimonial-item-title {
font-size: 18px;
line-height: 1.16667;
margin-bottom: 12px;
}
.testimonial-item-reviews {
margin-bottom: 17px;
}
.testimonial-item-reviews .icon {
height: 20px;
width: 21px;
}
.testimonial-item-reviews .icon + .icon {
margin-left: 12px;
}
.testimonial-item-body {
padding: 48px 42px 36px;
}
}
.product-carousel {
margin: 0 -8px;
}
.product-carousel:not(.slick-initialized) {
display: flex;
}
.product-carousel .slick-list {
overflow: visible;
}
.product-carousel .slick-slide,
.product-carousel > .product-item {
width: 321px;
}
.product-carousel > .product-item:nth-child(n+3) {
display: none;
}
.product-carousel .product-item {
margin-bottom: 0;
padding-left: 8px;
padding-right: 8px;
}
.product-carousel .product-item > article {
height: 100%;
}
.product-carousel .product-item-image {
height: 280px;
}
.product-item {
display: block;
margin-bottom: 35px;
position: relative;
text-align: center;
}
.product-item .wp-post-image {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
opacity: 0.8;
transition: opacity 0.15s ease;
width: 100%;
}
.product-item-image {
background-color: #6f6c64;
display: block;
height: 230px;
margin-bottom: 22px;
overflow: hidden;
position: relative;
}
.product-item-image:after {
background-image: linear-gradient(180deg, #fff, #234246);
content: "";
height: 100%;
left: 0;
mix-blend-mode: multiply;
opacity: 0;
position: absolute;
top: 0;
transition: opacity 0.3s ease;
width: 100%;
}
.product-item-title {
color: #D8B190;
text-transform: uppercase;
}
.product-item-current {
opacity: 0.8;
pointer-events: none;
}
.product-item-current .wp-post-image {
opacity: 0.85;
}
.product-item:hover {
text-decoration: none;
}
.product-item:hover .product-item-image:before {
background: url(//americancortinasepersianas.com.br/wp-content/themes/acp/assets/images/sprite.svg#g-more) no-repeat left center;
background-size: 24px 24px;
bottom: 38px;
color: #fff;
content: "Saiba mais";
font-size: 18px;
font-weight: 600;
display: block;
left: 50%;
line-height: 24px;
padding-left: 28px;
position: absolute;
text-align: center;
text-transform: uppercase;
transform: translateX(-50%);
z-index: 1;
}
.product-item:hover .product-item-image:after {
opacity: 1;
}
.product-item:hover .wp-post-image {
opacity: 0.8;
}
@media (min-width: 992px) {
.product-carousel {
margin-left: -12px;
margin-right: -12px;
}
.product-carousel .slick-list {
overflow: hidden;
}
.product-carousel .slick-slide {
width: auto;
}
.product-carousel .product-item {
padding-left: 12px;
padding-right: 12px;
}
.product-carousel-header {
position: relative;
z-index: 2;
}
.product-carousel-bg {
background-color: #EDE8DF;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 500%;
z-index: 1;
}
}
.our-products {
overflow: hidden;
padding-bottom: 39px;
padding-top: 33px;
}
.our-products .h2 {
margin-bottom: 22px;
}
.our-products-tabs {
justify-content: flex-end;
display: flex;
margin-bottom: 17px;
z-index: 2;
}
.our-products-tabs .icon {
color: #D8B190;
margin-right: 1px;
vertical-align: bottom;
}
.our-products-tabs a {
border: 2px solid #D8B190;
color: #0F3146;
display: inline-block;
flex-grow: 1;
font-size: 12px;
font-weight: 500;
line-height: 16px;
padding: 14px;
text-align: center;
text-transform: uppercase;
}
.our-products-tabs a.active {
background-color: #0F3146;
border-color: #0F3146;
color: #fff;
}
.our-products-tabs a:hover {
text-decoration: none;
}
.our-products-tabs a + a {
margin-left: 11px;
}
.our-products-content:not(.active) {
display: none;
}
@media (min-width: 992px) {
.our-products {
padding-bottom: 81px;
padding-top: 143px;
}
.our-products .h2, .our-products-tabs {
margin-bottom: 42px;
}
.our-products-tabs .icon {
height: 27px;
width: 27px;
}
.our-products-tabs a {
flex-grow: 0;
font-size: 18px;
line-height: 27px;
padding-left: 31px;
padding-right: 31px;
}
.our-products-tabs a + a {
margin-left: 14px;
}
.our-products-content {
position: relative;
}
}
.header {
background-color: #0F3146;
}
.header .our-social a {
color: #D8B190;
}
.header .our-social a:hover {
color: #fff;
}
.header .our-social a + a {
margin-left: 10px;
}
@media (min-width: 992px) {
.header .our-social {
margin-right: -15px;
}
.header .our-social a + a {
margin-left: 21px;
}
.header:after {
background-color: #0C2535;
content: "";
height: 100%;
left: 50%;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
}
.navbar {
align-items: center;
display: flex;
font-weight: 500;
font-size: 16px;
height: 98px;
justify-content: space-between;
line-height: 1.21428;
padding: 0;
}
.navbar .nav-item {
text-align: center;
}
.navbar .nav-link {
color: #fff;
display: block;
font-size: 22px;
font-weight: bold;
line-height: 1.25;
padding: 20px 19px;
}
.navbar .our-social {
margin-top: 14px;
}
.navbar-toggler {
border: 1px solid #D7B192;
border-radius: 50%;
height: 46px;
padding: 10px;
width: 46px;
}
.navbar-toggler > span {
background-color: #D7B192;
display: block;
height: 2px;
position: relative;
top: 0;
transition: all 0.15s ease;
width: 100%;
}
.navbar-toggler > span + span {
margin-top: 4px;
}
.navbar-toggler:not(.collapsed) > span:first-child {
top: 6px;
transform: rotate(45deg);
}
.navbar-toggler:not(.collapsed) > span:nth-child(2) {
opacity: 0;
}
.navbar-toggler:not(.collapsed) > span:last-child {
top: -6px;
transform: rotate(-45deg);
}
.navbar-right {
padding: 23px 25px 68px;
}
@media (min-width: 992px) {
.navbar {
height: 114px;
}
.navbar-main {
margin-left: 45px;
height: 100%;
}
.navbar .nav-item {
align-items: center;
display: flex;
text-align: left;
}
.navbar .nav-item.active .nav-link {
border-color: #D8B190;
}
.navbar .nav-link {
align-items: center;
border-bottom: 3px solid transparent;
display: flex;
font-size: 15px;
height: 100%;
line-height: 1.14286;
padding-bottom: 0;
padding-top: 21px;
position: relative;
text-transform: uppercase;
transition: border-bottom-color 0.15s ease;
}
.navbar .nav-link:hover {
border-color: #D8B190;
}
.navbar-main {
flex-grow: 1;
justify-content: space-between;
}
.navbar-right {
padding: 0 0 0 15px;
}
}
@media (min-width: 1200px) {
.navbar-brand {
margin-right: 107px;
}
.navbar-brand > img {
height: 88px;
}
.navbar-main {
justify-content: center;
}
}
@media (max-width: 991px) {
#navbar {
background-color: #0C2535;
bottom: 0;
flex-direction: column;
left: 0;
overflow-y: auto;
position: fixed;
right: 0;
top: 98px;
z-index: 0;
}
#navbar .navbar-nav {
padding-top: 27px;
}
#navbar.show {
display: flex;
}
#navbar.show:after {
display: block;
}
}
@media (min-width: 992px) {
#navbar {
align-items: center;
background-color: #0C2535;
box-shadow: inset 0 -1px 0 0 #0F3146;
display: flex;
height: 100%;
justify-content: flex-end;
width: 100%;
}
}
@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .nav-link {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1200px) {
.navbar-expand-lg .navbar-nav .nav-link {
margin-left: 21px;
margin-right: 21px;
}
.navbar-expand-lg .our-social {
margin-left: 12px;
}
}
.footer {
background-color: #0C2434;
font-size: 14px;
overflow: hidden;
}
.footer > .container {
position: relative;
}
.footer, .footer a {
color: #fff;
}
.footer a {
text-decoration: none;
}
.footer .h6 {
color: #D8B190;
text-align: center;
}
.footer .nav-item {
flex: 0 0 50%;
width: 50%;
}
.footer-contacts a,
.footer .nav-link {
font-size: 13px;
font-weight: 600;
line-height: 1.14286;
padding: 9px 0;
text-align: center;
text-transform: uppercase;
transition: color 0.15s ease;
}
.footer-contacts a:hover,
.footer .our-social a:hover,
.footer .nav-link:hover {
color: #C4A886;
}
.footer .contact-item {
text-align: center;
}
.footer-contacts {
list-style: none;
margin-bottom: 32px;
padding-left: 0;
}
.footer-contacts a {
word-break: break-all;
}
.footer-contacts .icon {
color: #D8B190;
flex: 0 0 16px;
margin-right: 8px;
}
.footer-logo {
background-color: #0F3146;
display: block;
margin-left: -36px;
margin-right: -36px;
padding-bottom: 15px;
padding-top: 15px;
position: relative;
text-align: center;
z-index: 0;
}
.footer-logo:after {
background-color: #0F3146;
content: "";
height: 100%;
left: -50%;
position: absolute;
top: 0;
width: 200%;
z-index: -1;
}
.footer-nav {
background-color: #0C2434;
padding: 50px 0 105px;
z-index: 0;
}
.footer-links {
display: flex;
list-style: none;
padding-left: 0;
margin-bottom: 32px;
flex-wrap: wrap;
}
.footer-copyright {
color: #D8B190;
font-size: 12px;
line-height: 1.41667;
text-align: center;
}
@media (min-width: 992px) {
.footer {
background-color: #0F3146;
position: relative;
z-index: 0;
}
.footer:after {
background-color: #0C2535;
content: "";
height: 100%;
left: 50%;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.footer > .container {
align-items: center;
display: flex;
}
.footer .contact-item-email {
align-items: center;
display: flex;
}
.footer .h6 {
margin-bottom: 16px;
}
.footer-logo {
margin: 0 16px 0 0;
}
.footer-logo > img {
height: 72px;
}
.footer-nav {
padding: 52px 0 51px 45px;
}
.footer .h6,
.footer-contacts a,
.footer .nav-link,
.footer .contact-item {
text-align: left;
}
.footer-links {
margin-bottom: 0;
}
.footer-copyright {
margin-top: 47px;
text-align: left;
}
}
@media (min-width: 1200px) {
.footer-logo {
margin-right: 55px;
}
.footer-logo > img {
height: 109px;
}
.footer-nav {
padding-left: 88px;
}
}
.developed-by {
bottom: 34px;
display: block;
left: 0;
position: absolute;
right: 0;
text-align: center;
}
@media (min-width: 992px) {
.developed-by {
bottom: 34px;
left: auto;
right: 15px;
}
}
.section {
padding-bottom: 37px;
padding-top: 33px;
}
.section-opening {
margin-bottom: 25px;
}
@media (min-width: 992px) {
.section {
padding-bottom: 90px;
padding-top: 90px;
}
.section-opening {
margin-bottom: 33px;
}
}
.section-30 {
background-color: #F4F1EE;
}
.section-30 .wp-post-image {
margin-bottom: 25px;
}
@media (min-width: 992px) {
.section-30 .wp-post-image {
margin-bottom: 0;
}
}
.our-testimonials {
overflow: hidden;
}
.our-testimonials .h2 {
margin-bottom: 48px;
}
@media (min-width: 992px) {
.our-testimonials {
padding-bottom: 122px;
padding-top: 124px;
position: relative;
}
.our-testimonials:before {
background-color: #F0EEEE;
bottom: 48px;
content: "";
left: 0;
mix-blend-mode: multiply;
opacity: 0.6;
position: absolute;
right: 57%;
top: 51px;
}
}
.our-social {
margin-bottom: 22px;
text-align: center;
}
.our-social a {
display: inline-block;
height: 48px;
line-height: 1;
padding: 15px;
transition: all 0.15s ease;
vertical-align: middle;
width: 48px;
}
@media (min-width: 992px) {
.our-social {
margin-bottom: 0;
text-align: left;
}
}
.our-cta {
align-items: center;
color: #fff;
display: flex;
min-height: 390px;
padding-bottom: 0;
padding-top: 0;
position: relative;
z-index: 0;
}
.our-cta .h2 {
margin: 0 auto 22px;
max-width: 832px;
}
.our-cta .wp-post-image {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
@media (min-width: 992px) {
.our-cta {
min-height: 457px;
padding-bottom: 3px;
text-align: center;
}
.our-cta .h2 {
margin-bottom: 45px;
}
}
.contact-list {
list-style: none;
margin-bottom: 0;
padding-left: 0;
}
.contact-list a {
word-break: break-all;
}
.contact-item {
position: relative;
}
.contact-item:before {
content: "";
display: inline-block;
position: absolute;
}
.page-body {
padding-bottom: 48px;
}
@media (min-width: 992px) {
.page-body {
padding-bottom: 85px;
}
}
.page-template-page-products h1 {
font-size: 22px;
font-weight: 500;
line-height: 1.27273;
margin-bottom: 30px;
}
.page-template-page-products .page-header {
background-color: #EAE7E7;
padding-bottom: 41px;
position: relative;
}
.page-template-page-products .page-header .wp-post-image {
margin-bottom: 26px;
}
.page-template-page-products .page-header .btn {
margin-top: 14px;
}
.page-template-page-products .page-body > .container {
padding-top: 41px;
}
@media (min-width: 992px) {
.page-template-page-products h1 {
font-size: 32px;
line-height: 1.25;
margin-bottom: 28px;
}
.page-template-page-products .page-header {
padding-bottom: 54px;
}
.page-template-page-products .page-header .wp-post-image {
margin-bottom: 0;
}
.page-template-page-products .page-header .btn {
margin-top: 30px;
}
.page-template-page-products .page-body {
padding-bottom: 50px;
}
.page-template-page-products .page-body > .container {
padding-top: 87px;
}
}
.page-template-page-about .wp-post-image {
margin-bottom: 44px;
}
.page-template-page-about [data-label]:before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F3146' width='20.913' height='12' viewBox='0 0 20.913 8.747'%3E%3Cpath d='M16.097 8.563a.625.625 0 010-.885l3.307-3.305-3.307-3.306a.626.626 0 01.885-.885l3.747 3.749a.625.625 0 010 .885l-3.748 3.747a.625.625 0 01-.885 0z'/%3E%3Cpath d='M0 4.373a.625.625 0 01.625-.625h18.413a.625.625 0 110 1.249H.625A.625.625 0 010 4.373z'/%3E%3C/svg%3E") " " attr(data-label);
color: #0F3146;
}
.page-template-page-about .h2 {
color: #D8B190;
font-weight: bold;
}
.page-template-page-about .btn {
margin-top: 22px;
}
.page-template-page-about .page-body .contact-list {
line-height: 19px;
margin-top: 36px;
}
.page-template-page-about .page-body .contact-list address, .page-template-page-about .page-body .contact-list a {
color: #fff;
font-size: 14px;
font-weight: normal;
margin-top: 2px;
}
.page-template-page-about .page-body .contact-list address {
margin-bottom: 0;
}
.page-template-page-about .page-body .contact-item {
background-color: #0F3146;
color: #D8B190;
font-weight: bold;
padding: 22px 22px 22px 69px;
}
.page-template-page-about .page-body .contact-item:before {
background-color: #D8B190;
background-repeat: no-repeat;
background-position: center;
border-radius: 50%;
height: 30px;
left: 22px;
margin-top: -15px;
top: 50%;
width: 30px;
}
.page-template-page-about .page-body .contact-item-address:before {
background-image: url(//americancortinasepersianas.com.br/wp-content/themes/acp/assets/images/sprite.svg#g-pin);
background-size: 14px 20px;
}
.page-template-page-about .page-body .contact-item-email:before {
background-image: url(//americancortinasepersianas.com.br/wp-content/themes/acp/assets/images/sprite.svg#g-email);
background-size: 18px 14px;
}
.page-template-page-about .page-body .contact-item-phone:before {
background-image: url(//americancortinasepersianas.com.br/wp-content/themes/acp/assets/images/sprite.svg#g-phone);
background-size: 17px 17px;
}
.page-template-page-about .page-body .contact-item + .contact-item {
margin-top: 10px;
}
.page-template-page-about .page-body-content {
background-color: #EAE7E7;
margin-bottom: 48px;
margin-top: 54px;
padding-bottom: 32px;
padding-top: 44px;
}
@media (min-width: 768px) {
.page-template-page-about .page-body {
padding-bottom: 0;
}
.page-template-page-about .page-body-content {
margin-bottom: 0;
}
}
@media (min-width: 992px) {
.page-template-page-about .wp-post-image {
margin-bottom: 0;
}
.page-template-page-about .page-body-content {
padding-bottom: 85px;
padding-top: 76px;
}
.page-template-page-about .contact-list {
margin-top: 0;
max-width: 351px;
}
}
.page-template-page-contact .page-header {
background-color: #EAE7E7;
font-weight: 500;
}
.page-template-page-contact .wpcf7 {
margin-top: 40px;
}
@media (max-width: 991px) {
.page-template-page-contact .page-header {
margin-left: -36px;
margin-right: -36px;
padding: 34px 36px 18px;
}
}
@media (min-width: 992px) {
.page-template-page-contact .wpcf7 {
margin-top: 0;
}
.page-template-page-contact .page-header {
background-color: #EAE7E7;
color: #6F6F6F;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
position: relative;
}
.page-template-page-contact .page-header:after {
background-color: #EAE7E7;
content: "";
display: block;
left: -50%;
position: absolute;
height: 100%;
width: 50%;
}
.page-template-page-contact .page-title {
color: #0F3146;
margin-bottom: 23px;
}
}
.page-template-page-estimate .page-header {
background-color: #0F3146;
color: #fff;
font-weight: 500;
}
.page-template-page-estimate .wpcf7 {
margin-top: 40px;
}
@media (max-width: 991px) {
.page-template-page-estimate .page-header {
margin-left: -36px;
margin-right: -36px;
padding: 34px 36px 18px;
}
}
@media (min-width: 992px) {
.page-template-page-estimate .wpcf7 {
margin-top: 0;
}
.page-template-page-estimate .page-header {
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
position: relative;
}
.page-template-page-estimate .page-header:after {
background-color: #0F3146;
content: "";
display: block;
right: 100%;
position: absolute;
height: 100%;
width: 100%;
}
.page-template-page-estimate .page-title {
margin-bottom: 23px;
}
}
.error404 {
display: flex;
flex-direction: column;
min-height: 100vh;
padding-top: 80px;
}
.error404 .page-body {
align-items: center;
display: flex;
flex-grow: 1;
text-align: center;
}
.home-hero {
color: #fff;
overflow: hidden;
padding-top: 30px;
position: relative;
z-index: 0;
}
.home-hero [data-label]:before {
font-weight: bold;
}
.home-hero .h2 {
color: #fff;
margin-bottom: 5px;
}
.home-hero:after {
background-color: #0C2535;
content: "";
height: 361px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.home-hero-list {
height: 203px;
margin-top: 31px;
}
.home-hero .btn {
margin-top: 14px;
}
.home-hero .slick-list,
.home-hero .slick-track,
.home-hero .slick-slide > div,
.home-hero .slick-slide .container {
height: 100%;
}
.home-hero .slick-dots {
bottom: 7px;
left: 0;
position: absolute;
right: 0;
}
.home-hero .slick-dots li:not(.slick-active) button:before {
background-color: #E9E6E0;
}
.home-hero .slick-list {
margin-left: -8px;
margin-right: -8px;
overflow: visible;
}
.home-hero .slick-slide {
padding-left: 8px;
padding-right: 8px;
}
.home-hero .slick-slide a {
display: block !important;
height: 100%;
}
.home-hero .slick-slide img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.home-hero-item {
height: 100%;
position: relative;
}
.home-hero-item .container {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
}
.home-hero-item:not(:first-child) {
display: none;
}
.home-hero-bg {
background-color: #171C2D;
height: 100%;
left: 0;
position: absolute;
top: 0;
z-index: -1;
width: 100%;
}
.home-hero-bg img {
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center top;
object-position: center top;
opacity: 0.35;
width: 100%;
}
.home-hero-after {
color: #0F3146;
font-size: 18px;
font-weight: 500;
line-height: 1.16667;
margin-top: 21px;
}
.home-hero-after a {
display: inline-block;
text-decoration: underline;
}
@media (min-width: 992px) {
.home-hero {
height: 528px;
padding-top: 72px;
}
.home-hero .h2 {
margin-top: 66px;
}
.home-hero .btn {
margin-top: 43px;
}
.home-hero .slick-list {
overflow: hidden;
margin-left: 0;
margin-right: 0;
}
.home-hero .slick-slide {
padding-left: 0;
padding-right: 0;
}
.home-hero .slick-arrow {
height: 94px;
bottom: 0;
opacity: 0.8;
position: absolute;
width: 94px;
z-index: 1;
}
.home-hero .slick-prev {
left: 0;
}
.home-hero .slick-next {
left: 94px;
}
.home-hero:after {
height: 434px;
}
.home-hero-list {
height: 456px;
margin-top: 0;
}
.home-hero-after {
bottom: 0;
margin-top: 0;
padding-bottom: 7px;
position: absolute;
}
}
.single-product {
overflow-x: hidden;
}
.single-product .page-header {
background-color: #EAE7E7;
padding-bottom: 29px;
position: relative;
z-index: 0;
}
.single-product .page-header-btns {
margin-top: 40px;
}
.single-product .page-header-btns .btn {
display: block;
}
.single-product .page-header-btns .btn + .btn {
margin-top: 29px;
}
.single-product .page-body > .container {
border-top: 1px solid #EDE6DE;
padding-top: 26px;
}
.single-product .wp-post-image {
margin-bottom: 27px;
}
.single-product .video-wrapper {
background-color: #0C2535;
margin-bottom: 27px;
position: relative;
z-index: 0;
}
.single-product .video-wrapper .icon-play {
color: #fff;
pointer-events: none;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
.single-product video.wp-post-image {
display: block;
height: 100%;
margin-bottom: 0;
opacity: 0.65;
width: 100%;
}
@media (min-width: 992px) {
.single-product .page-header {
padding-bottom: 77px;
}
.single-product .page-header-btns {
align-items: center;
display: flex;
justify-content: space-between;
margin-top: 35px;
}
.single-product .page-header-btns .btn + .btn {
margin-top: 0;
}
.single-product .page-body > .container {
padding-top: 77px;
}
.single-product .wp-post-image,
.single-product .video-wrapper {
margin-bottom: 0;
}
}
.single-carousel .wp-post-image:not(:first-child) {
display: none;
}
.single-carousel .slick-arrow {
height: 49px;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 49px;
z-index: 1;
}
.single-carousel .slick-arrow:hover {
background-color: #0F3146;
opacity: 0.6;
}
.single-carousel .slick-prev {
left: 0;
}
.single-carousel .slick-next {
right: 0;
}
@media (min-width: 992px) {
.single-carousel .slick-dots {
display: flex;
flex-wrap: wrap;
margin: 13px -6px 0;
text-align: left;
}
.single-carousel .slick-dots li {
cursor: pointer;
height: 55px;
margin: 6px;
overflow: hidden;
width: 66px;
}
.single-carousel .slick-dots img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center top;
object-position: center top;
width: 100%;
}
.single-carousel .slick-dots video {
background: #0C2535 url(//americancortinasepersianas.com.br/wp-content/themes/acp/assets/images/sprite.svg#g-play) no-repeat center;
background-size: 24px 24px;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center top;
object-position: center top;
width: 100%;
}
}
.single-details {
padding-bottom: 58px;
}
.single-details-tabs {
align-items: flex-start;
display: flex;
flex-direction: column;
font-size: 22px;
margin-bottom: 29px;
padding-bottom: 38px;
border-bottom: 1px solid #EDE6DE;
}
.single-details-tabs a {
color: #D8B190;
display: inline-block;
font-weight: bold;
white-space: nowrap;
}
.single-details-tabs a:not(.active) {
color: #224147;
}
.single-details-tabs a:not(.active) .icon {
visibility: hidden;
}
.single-details-tabs a:hover {
border-bottom-color: #D8B190;
text-decoration: none;
}
.single-details-tabs a + a {
margin-top: 16px;
}
.single-details-content {
color: #6F6F6F;
font-weight: 500;
vertical-align: top;
}
.single-details-content:not(.active) {
display: none;
}
@media (min-width: 992px) {
.single-details {
display: flex;
}
.single-details-tabs {
border-bottom: none;
flex: 0 0 321px;
margin-bottom: 0;
padding-bottom: 0;
width: 321px;
}
.single-details-tabs a + a {
margin-top: 17px;
}
}