@font-face {
font-family: "Fira Sans Extra Condensed";
font-style: normal;
font-display: swap;
font-weight: 300;
src: local(""), url(https://comingsooncars.com/wp-content/themes/aperitto/fonts/fira-sans-extra-condensed-v5-latin-300.woff2) format("woff2"), url(https://comingsooncars.com/wp-content/themes/aperitto/fonts/fira-sans-extra-condensed-v5-latin-300.woff) format("woff"); } @font-face {
font-family: "Fira Sans Extra Condensed";
font-style: normal;
font-display: swap;
font-weight: 400;
src: local(""), url(https://comingsooncars.com/wp-content/themes/aperitto/fonts/fira-sans-extra-condensed-v5-latin-regular.woff2) format("woff2"), url(https://comingsooncars.com/wp-content/themes/aperitto/fonts/fira-sans-extra-condensed-v5-latin-regular.woff) format("woff"); } @font-face {
font-family: "Fira Sans Extra Condensed";
font-style: normal;
font-display: swap;
font-weight: 600;
src: local(""), url(https://comingsooncars.com/wp-content/themes/aperitto/fonts/fira-sans-extra-condensed-v5-latin-600.woff2) format("woff2"), url(https://comingsooncars.com/wp-content/themes/aperitto/fonts/fira-sans-extra-condensed-v5-latin-600.woff) format("woff"); } @font-face {
font-family: "Roboto";
font-style: normal;
font-display: swap;
font-weight: 300;
src: local(""), url(https://comingsooncars.com/wp-content/themes/aperitto/fonts/roboto-v27-latin-300.woff2) format("woff2"), url(https://comingsooncars.com/wp-content/themes/aperitto/fonts/roboto-v27-latin-300.woff) format("woff"); } @font-face {
font-family: "Roboto";
font-style: normal;
font-display: swap;
font-weight: 400;
src: local(""), url(https://comingsooncars.com/wp-content/themes/aperitto/fonts/roboto-v27-latin-regular.woff2) format("woff2"), url(https://comingsooncars.com/wp-content/themes/aperitto/fonts/roboto-v27-latin-regular.woff) format("woff"); } @font-face {
font-family: "Roboto";
font-style: normal;
font-display: swap;
font-weight: 700;
src: local(""), url(https://comingsooncars.com/wp-content/themes/aperitto/fonts/roboto-v27-latin-700.woff2) format("woff2"), url(https://comingsooncars.com/wp-content/themes/aperitto/fonts/roboto-v27-latin-700.woff) format("woff"); } html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
padding: 0;
margin: 0;
font-size: 100%;
vertical-align: baseline;
border: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
a:focus {
outline: 1px dashed #2098ce;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img,
object,
embed,
video {
max-width: 100%;
}
object,
embed,
video {
width: 100%;
}
img {
height: auto;
vertical-align: middle;
border: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-ms-interpolation-mode: bicubic;
}
svg:not(:root) {
overflow: hidden;
}
.clearfix:before,
.clearfix:after {
display: table;
line-height: 0;
content: "";
}
.clearfix:after {
clear: both;
}
.grid {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.grid [class*="col"] {
width: 100%;
margin-left: 0;
}
@media screen and (min-width: 1024px) {
.grid {
width: 100%;
}
.grid [class*="col"] {
float: left;
}
.grid:after,
.grid:before,
.grid .newrow:before {
display: table;
line-height: 0;
content: "";
}
.grid:after,
.grid .newrow,
.grid .newrow:before {
clear: both;
}
.grid [class*="col"] {
margin-left: 1.694915254%;
margin-right: 0;
}
.grid .newrow,
.grid [class*="col"]:first-of-type {
margin-left: 0;
}
.grid .col1 {
width: 6.779661017%;
}
.grid .col2 {
width: 15.25423729%;
}
.grid .col3 {
width: 23.72881356%;
}
.grid .col4 {
width: 32.20338983%;
}
.grid .col5 {
width: 40.6779661%;
}
.grid .col6 {
width: 49.15254237%;
}
.grid .col7 {
width: 57.62711864%;
}
.grid .col8 {
width: 66.10169492%;
}
.grid .col9 {
width: 74.57627119%;
}
.grid .col10 {
width: 83.05084746%;
}
.grid .col11 {
width: 91.52542373%;
}
.grid .col12 {
width: 100%;
}
}
.fl {
float: left;
}
.fr {
float: right;
}
.b {
font-weight: bold;
}
.i {
font-style: italic;
}
.tl {
text-align: left;
}
.tc {
text-align: center;
}
.tr {
text-align: right;
}
.pn {
padding: 0;
}
.mn {
margin: 0;
}
.hide {
display: none;
}  html {
height: 100%;
}
body {
width: 100%;
min-width: 280px;
background: #eee;
}
.wrapper {
margin: 0 auto;
}
#header {
min-height: 100px;
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
}
#main {
padding: 60px 0;
margin: 0 auto;
position: relative;
}
#content {
width: 100%;
float: none;
}
#sidebar {
display: none;
}
#sidebar.block {
display: block;
}
#footer {
width: 100%;
padding: 20px 0;
margin: 0;
background: #137dad;
}
.maxwidth {
margin: 0 auto;
position: relative;
width: calc(100% - 30px);
max-width: 1080px;
}
body.custom-background .wrapper {
margin: 0 auto;
background: #fff;
max-width: 1160px;
} @media screen and (min-width: 1024px) {
.header-image {
margin: 0 auto;
position: relative;
width: 90%;
max-width: 1080px;
}
#content {
width: 67.12962962962963%;
float: left;
}
#sidebar {
width: 27.77777777777778%;
margin-top: 0;
float: right;
display: block;
}
.layout-leftbar #sidebar {
float: left;
}
.layout-leftbar #content {
float: right;
}
.layout-full #sidebar {
display: none;
}
.layout-full #content {
float: none;
width: 100%;
}
.layout-center #sidebar {
display: none;
}
.layout-center #content {
float: none;
width: 70%;
margin-left: auto;
margin-right: auto;
}
.wrapper {
width: 100%;
}
}  body {
font: 16px/1.4 "Roboto", sans-serif;
color: #222;
word-wrap: break-word;
}
a {
color: #222;
}
a:hover {
color: #137dad;
}
p {
padding: 0 0 1em 0;
}
p:last-child {
padding-bottom: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
.wtitle,
.title {
margin: 0;
padding: 0 0 0.5em;
line-height: 1.1;
font-family: "Fira Sans Extra Condensed", sans-serif;
font-weight: bold;
}
h1 {
font-size: 36px;
padding: 0;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 20px;
}
h5,
h6 {
font-size: 18px;
}
@media screen and (min-width: 768px) {
h1 {
font-size: 36px;
padding: 0;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 20px;
}
h5,
h6 {
font-size: 18px;
}
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
text-decoration: none;
}
blockquote,
q {
position: relative;
padding: 30px 30px 30px 60px !important;
color: #444;
font: normal 1em/1.2 "Fira Sans Extra Condensed", sans-serif;
background: #efefef;
border-left: 0.25rem solid;
display: block;
}
blockquote:after {
content: "”";
position: absolute;
top: 10px;
left: 20px;
font-size: 4em;
line-height: 1;
}
.wp-block-quote.is-style-large {
padding: 30px 30px 30px 60px;
}
table th {
background: #ddd;
border-right: 1px solid #fff;
padding: 10px 20px;
}
table tr th:last-child {
border-right: 1px solid #ddd;
}
table td {
padding: 5px 20px;
border: 1px solid #ddd;
}
pre {
background: #f5f5f5;
border: 1px solid #ddd;
padding: 10px;
text-shadow: 1px 1px rgba(255, 255, 255, 0.4);
font-size: 12px;
line-height: 1.25;
margin: 0 0 1em 0;
overflow: auto;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: 0.5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
.skip-to-content {
background: #fff;
top: 0;
left: calc(50% - 62px);
padding: 6px 10px;
position: absolute;
transform: translateY(-100%);
transition: transform 0.3s;
z-index: 999;
}
.skip-to-content:focus {
transform: translateY(0%);
outline: 1px solid #ccc;
}
.logged-in .skip-to-content {
top: 34px;
} input,
textarea,
select,
button {
padding: 10px 10px 10px 0;
border-color: #ddd;
font: 300 16px/1.25 "Roboto", sans-serif;
color: #222;
}
textarea {
min-height: 90px;
max-width: 100%;
box-sizing: border-box;
}
textarea,
select,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="time"],
input[type="month"],
input[type="week"],
input[type="number"],
input[type="search"] {
padding: 9px 10px;
border-width: 1px;
border-style: solid;
min-height: 20px; }
input[type="search"] {
height: 40px;
}
input[type="color"] {
padding: 0;
border: 0;
background: #fff;
}
input:focus,
textarea:focus,
select:focus {
outline: 1px dashed #2098ce;
border-color: #137dad;
-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.08);
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.08);
}
input[type="submit"],
input[type="button"],
button,
.submit,
.button {
padding: 10px 20px;
min-height: 20px; line-height: 20px;
border: 0;
background-color: #137dad;
color: #fff;
cursor: pointer;
}
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover,
.submit:hover,
.button:hover {
opacity: 0.9;
}  .sitetitle {
text-align: center;
}
.logo {
margin: 0 auto;
padding: 30px 0;
}
#logo {
display: block;
margin: 0;
padding: 0;
color: #137dad;
text-decoration: none;
font: bold 26px/0.83 "Fira Sans Extra Condensed", sans-serif;
letter-spacing: -0.02em;
}
#logo:hover {
opacity: 0.9;
}
.sitedescription { padding-top: 10px;
}
.sitetitle.center .custom-logo {
margin-left: auto;
margin-right: auto;
}
.sitetitle.right .custom-logo {
margin-left: auto;
margin-right: 0;
}
.custom-logo-top {
display: block;
margin-bottom: 20px;
}
.custom-logo-bottom {
display: block;
margin-top: 20px;
}
.sitetitle .custom-logo-left {
float: left;
margin-right: 20px;
}
.sitetitle .custom-logo-right {
float: right;
margin-left: 20px;
}
.sitetitle.right .custom-logo-right,
.sitetitle.left .custom-logo-right {
margin-left: 20px;
margin-right: 0;
}
.sitetitle.left .custom-logo-left,
.sitetitle.right .custom-logo-left {
margin-left: 0;
margin-right: 20px;
}
@media screen and (min-width: 768px) {
#logo {
font-size: 60px;
}
} #mobile-menu {
display: block;
padding: 15px 0;
text-decoration: none;
text-transform: uppercase;
color: #fff;
text-align: center;
font-weight: 500;
cursor: pointer;
background: #137dad; z-index: 999;
position: relative;
}
#mobile-menu:focus,
#mobile-menu:focus-within,
#mobile-menu:hover {
box-shadow: 0 0 2px 2px #2098ce;
text-shadow: 0px 0px 2px #fff;
font-weight: 900;
} .topnav nav {
display: none;
z-index: 9999;
}
.top-menu {
background: #137dad;
position: absolute;
z-index: 1000;
width: calc(100% - 30px);
left: 15px;
}
.top-menu li {
padding: 0;
display: block;
}
.top-menu li>a,
.top-menu li>span {
display: block;
padding: 15px 20px;
color: #fff;
line-height: 20px;
font-weight: 500;
text-decoration: none;
position: relative;
cursor: pointer;
}
.top-menu li a:focus,
.top-menu li span:focus,
.top-menu li .sub-menu>li>a:focus,
.top-menu li .sub-menu>li>span:focus,
.top-menu li a:focus-within,
.top-menu li span:focus-within,
.top-menu li .sub-menu>li>a:focus-within,
.top-menu li .sub-menu>li>span:focus-within {
text-decoration: underline dotted #fff;
background-color: rgba(255, 255, 255, 0.1);
outline: 1px solid #2098ce;
}
.top-menu li a:hover,
.top-menu li span:hover,
.top-menu li .sub-menu>li>a:hover,
.top-menu li .sub-menu>li>span:hover {
background-color: rgba(255, 255, 255, 0.2);
}
.top-menu .current_page_item>a,
.top-menu .current_page_item>span,
.top-menu .current-menu-item>a,
.top-menu .current-menu-item>span {
background-color: rgba(0, 0, 0, 0.22);
}
.top-menu .current-menu-item>a:hover,
.top-menu .current-menu-item>span:hover {
color: #fff;
}
.top-menu .sub-menu {
margin: 0;
}
@media screen and (min-width: 1024px) {
.top-menu .open-submenu:after,
.top-menu .open-submenu {
display: none;
}
}
@media screen and (max-width: 1023px) {
.topnav {
background: #137dad;
}
.top-menu {
margin-top: 1px;
box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.25);
}
.top-menu .sub-menu li a {
padding: 10px 20px;
}
.top-menu .sub-menu {
margin: 0 0 0 20px;
font-size: 14px;
}
.top-menu li.menu-item-has-children {
position: relative;
}
.top-menu li.menu-item-has-children>.open-submenu {
width: 50px;
height: 50px;
position: absolute;
top: 0;
right: 0;
background: rgba(255, 255, 255, 0.3);
box-sizing: border-box;
font-size: 24px;
line-height: 50px;
padding: 0;
text-align: center;
}
.top-menu a {
border-bottom: 1px solid #ffffff1a;
}
.top-menu .sub-menu li.menu-item-has-children>.open-submenu {
height: 40px;
line-height: 40px;
}
.top-menu .sub-menu.closed {
display: none;
}
.top-menu .submenu-opened .sub-menu.closed {
display: none;
}
.top-menu .open-submenu:before {
content: "+";
position: absolute;
width: 100%;
top: 0;
left: 0;
}
.top-menu .submenu-opened>.open-submenu:before {
content: "–";
}
}  .entry-box {
margin: 30px 0 0;
}
.entry-box .entry {
padding-bottom: 30px;
}
.entry-box ul,
.entry-box ol {
margin: 0.5em 0 1em 50px;
}
.entry-box ul {
list-style: outside url(//comingsooncars.com/wp-content/themes/aperitto/img/li.svg);
}
.entry-box ol {
list-style: decimal;
}
.entry-box ul ul,
.entry-box ul ol,
.entry-box ol ol,
.entry-box ol ul {
margin-top: 0;
margin-bottom: 0;
}
.entry-box li {
padding-top: 5px;
}
.entry-box ul li {
padding-left: 5px;
position: relative;
}
.ftrwidget ul {
list-style: outside url(//comingsooncars.com/wp-content/themes/aperitto/img/li.svg);
}
.comment-body ol,
.comment-body ul {
margin: 0.2em 0 0.5em 40px;
}
.comment-body ul {
list-style-type: disc;
}
.comment-body ol {
margin-left: 40px;
list-style-type: decimal;
}
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6,
.comment-body h2,
.comment-body h3,
.comment-body h4,
.comment-body h5,
.comment-body h6 {
padding-top: 30px;
padding-bottom: 10px;
}
.sticky {
border: 5px solid #eee;
padding: 30px;
}
.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;
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;
}
.blog-home-header {
margin-bottom: 50px;
} .anons {
margin-bottom: 60px;
}
.anons h2 {
font-size: 30px;
padding-bottom: 0;
}
.anons-thumbnail {
display: none;
}
.anons-thumbnail.show {
display: block;
}
.anons img {
margin-bottom: 15px;
margin-top: 5px;
max-width: 100%;
height: auto;
}
.largeimage {
margin: 0 0 1em;
max-width: 100%;
height: auto;
}
.medium,
.thumbnail {
float: left;
margin: 5px 1.5em 0.5em 0;
}
.medium {
max-width: 50%;
height: auto;
}
.thumbnail {
max-width: 30%;
height: auto;
}
.more-link-box {
text-align: right;
}
.more-link {
display: inline-block;
padding: 10px 20px;
background: #137dad;
color: #fff;
text-decoration: none;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
position: relative;
}
.more-link:after {
content: "→";
float: right;
margin-left: 10px;
margin-right: -5px;
}
.more-link:hover {
opacity: 0.8;
color: #fff;
} .meta {
margin: 10px 0 0;
font-size: 12px;
}
.meta span {
padding-right: 20px;
}
.meta span.hide {
display: none;
}
.meta .fa {
padding: 0 5px 0 0;
}
.meta,
.meta a {
color: #999999;
}
.meta a {
text-decoration: none;
}
.meta a:hover {
text-decoration: underline;
} .inform {
margin-bottom: 2em;
border-bottom: 1px dotted #e2e2e2;
}
.inform h1 {
padding-bottom: 1em;
}
.inform .archive-desc {
padding: 0 0 2em 4em;
} .entry iframe {
max-width: 100%;
}
.entry img {
max-width: 100%;
height: auto;
margin-bottom: 10px;
margin-top: 8px;
}
.alignleft img {
display: block;
margin: 0 auto 0 0;
}
.alignright img {
display: block;
margin: 0 0 0 auto;
}
img.alignleft,
.alignleft {
float: left;
margin-right: 20px;
margin-left: 0;
}
img.alignright,
.alignright {
float: right;
margin-left: 20px;
margin-right: 0;
}
.aligncenter,
div.aligncenter,
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
.entry .attachment,
.entry .caption,
.entry .gallery-caption {
text-align: center;
}
.entry .attachment .navigation {
height: 150px;
}
.wp-caption,
.attachment img {
text-align: center;
max-width: 100%;
}
.wp-caption img {
margin-top: 0;
margin-bottom: 0;
}
.wp-caption-text,
.wp-caption p.wp-caption-text {
font-size: 12px;
color: #222;
margin: 0 0 15px;
}
.entry .wp-smiley {
margin: 0;
padding: 0;
border: 0;
} .gallery {
border: 2px solid #eee;
padding: 15px 20px;
margin: 20px 0 30px;
}
.gallery:after {
content: "";
display: table;
clear: both;
}
.gallery-item img {
display: block;
margin: 0 auto;
}
.gallery-columns-1 .gallery-item {
width: 100%;
padding: 10px 0;
}
.gallery-columns-2 .gallery-item {
width: 48%;
padding: 10px 1%;
float: left;
}
.gallery-columns-2 .gallery-item:nth-child(2n + 1) {
clear: both;
}
.gallery-columns-3 .gallery-item {
width: 31.33333333333333%;
padding: 10px 1%;
float: left;
}
.gallery-columns-3 .gallery-item:nth-child(3n + 1) {
clear: both;
}
.gallery-columns-4 .gallery-item {
width: 23%;
padding: 10px 1%;
float: left;
}
.gallery-columns-4 .gallery-item:nth-child(4n + 1) {
clear: both;
}
.gallery-columns-5 .gallery-item {
width: 18%;
padding: 10px 1%;
float: left;
}
.gallery-columns-5 .gallery-item:nth-child(5n + 1) {
clear: both;
}
.gallery-columns-6 .gallery-item {
width: 14.66666666666667%;
padding: 10px 1%;
float: left;
}
.gallery-columns-6 .gallery-item:nth-child(6n + 1) {
clear: both;
}
.gallery-columns-7 .gallery-item {
width: 12.28571428571429%;
padding: 10px 1%;
float: left;
}
.gallery-columns-7 .gallery-item:nth-child(7n + 1) {
clear: both;
}
.gallery-columns-8 .gallery-item {
width: 10.5%;
padding: 10px 1%;
float: left;
}
.gallery-columns-8 .gallery-item:nth-child(8n + 1) {
clear: both;
}
.gallery-columns-9 .gallery-item {
width: 10%;
padding: 10px 0.5555555555555556%;
float: left;
}
.gallery-columns-9 .gallery-item:nth-child(9n + 1) {
clear: both;
} .nav-links {
line-height: 40px;
}
.nav-links a {
text-decoration: none;
}
.nav-links .page-numbers {
padding: 4px 12px 6px;
margin-right: 5px;
background: #ddd;
color: #444;
-webkit-transition: background, color 0.3s;
transition: background, color 0.3s;
}
.nav-links a:hover,
.nav-links .current {
background: #137dad;
color: #fff;
}
.nav-links .total {
margin-right: 5px;
} #comments,
#respond {
margin: 60px 0 0;
}
.comments-title,
#reply-title {
font-size: 30px;
padding: 20px 0 5px 0;
margin-bottom: 20px;
border-bottom: 1px solid #ddd;
}
.comments-title .cnt {
float: right;
font-size: 0.7em;
}
.comment-list {
margin: 10px 0 0 0;
}
.comment-body {
margin: 0 0 20px 0;
padding: 20px 20px 20px 100px;
background: #f9f9f9;
position: relative;
}
.comment-body a {
text-decoration: none;
}
.comment-body a:hover {
text-decoration: underline;
}
.comment .avatar {
position: absolute;
top: 20px;
left: 20px;
}
.comment-author {
float: left;
margin-right: 10px;
line-height: 20px;
}
.comment-metadata {
font-size: 0.7em;
line-height: 17px;
padding-top: 3px;
}
.says {
display: none;
}
.comment-content {
margin: 10px 0;
font-size: 14px;
line-height: 1.3;
clear: both;
}
.comment-reply-link {
font-size: 10px;
text-transform: uppercase;
font-weight: 500;
color: #c5c5c5;
position: absolute;
bottom: 5px;
right: 10px;
}
.bypostauthor .comment-body {
background: #efefef;
} .rinput,
.rcomment {
margin-bottom: 10px;
}
.rinput input {
width: 92%;
padding-left: 4%;
padding-right: 4%;
}
.rcomment textarea {
width: 100%;
}
#cancel-comment-reply-link {
font-size: 14px;
float: right;
}
.comment #respond {
margin: -20px 0 60px 0;
} #widgetlist {
margin: 0;
padding: 0;
list-style: none;
}
#widgetlist>li:last-child {
margin-bottom: 0;
}
.widget,
.categories,
#widgetlist>li {
margin-bottom: 40px;
padding: 0;
}
.wtitle {
padding: 0;
margin-bottom: 10px;
color: #555;
font-size: 22px;
}
.widget ul {
margin: 0 0 0 15px;
list-style: outside url(//comingsooncars.com/wp-content/themes/aperitto/img/li.svg);
}
.widget li {
padding: 5px 0 5px 5px;
}
.widget .children {
margin-left: 20px;
}
.widget_calendar td,
.widget_calendar th {
padding: 10px;
}
.widget a {
text-decoration: none;
}
.widget a:hover {
text-decoration: underline;
}
.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
padding: 0;
}  .search-results .inform {
margin-bottom: 4em;
}
.searchform {
width: 100%;
max-width: 400px;
margin: 0;
padding: 0;
position: relative;
}
#header .searchform {
display: none;
margin: 30px auto;
max-width: 300px;
}
#content .searchform {
margin: 30px 0;
}
input.s {
width: 90%;
}
input.search_submit {
position: absolute;
top: 0;
right: 0;
width: 40px;
padding-left: 12px;
padding-right: 12px;
}
.serp {
margin-bottom: 40px;
margin-left: 20px;
position: relative;
}
.serp:before {
content: "";
position: absolute;
left: -20px;
top: 8px;
border: 3px solid black;
}
.serp h2 {
font-size: 20px;
}
.serp .meta {
margin: 5px 0 0 0;
font-size: 10px;
line-height: 1;
}
.serp .entry {
margin-top: 10px;
}
.serp .entry p {
font-size: 14px;
line-height: 1.3;
} .product_meta {
font-size: 0.9em;
}
.product_meta>span {
display: block;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background: #137dad;
line-height: 22px;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.woocommerce-page .page-description {
margin: 1em 0 2em;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background: #137dad;
opacity: 0.8;
} form#bbp-search-form {
margin-bottom: 20px;
}
form#bbp-search-form input[type="text"] {
padding: 5px 10px;
}
form#bbp-search-form input[type="submit"] {
padding: 7px 15px;
margin-left: -10px;
}
#bbpress-forums p.bbp-topic-meta img.avatar,
#bbpress-forums ul.bbp-reply-revision-log img.avatar,
#bbpress-forums ul.bbp-topic-revision-log img.avatar,
#bbpress-forums div.bbp-template-notice img.avatar,
#bbpress-forums .widget_display_topics img.avatar,
#bbpress-forums .widget_display_replies img.avatar {
margin-bottom: 0;
border: 1px solid #ddd;
padding: 1px;
background: #fff;
}
#wp-bbp_reply_content-editor-container {
border: 1px solid #ddd;
} .bbp-topic-permalink,
.bbp-forum-title {
text-decoration: none;
font: bold 18px/125% "Fira Sans Extra Condensed", sans-serif;
}
#bbpress-forums .bbp-forum-info .bbp-forum-content {
margin: 0;
color: #818181;
}
#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
padding: 20px;
}
.bbp-header .bbp-topic-title .bbp-topic-title,
.bbp-header .bbp-forum-info {
padding-left: 10px;
box-sizing: border-box;
}
li.bbp-topic-title {
width: 47%;
}
li.bbp-forum-topic-count {
text-align: left;
}
li.bbp-forum-reply-count,
li.bbp-topic-voice-count,
li.bbp-topic-reply-count {
text-align: left;
width: 13%;
}
li.bbp-forum-freshness,
li.bbp-topic-freshness {
text-align: left;
width: 19%;
}  #footer {
color: #fff;
font-size: 14px;
line-height: 1.25;
text-decoration: none;
}
#footer a {
color: #fff;
transition: opacity 0.3s;
}
#footer a:hover {
color: #999999;
text-decoration: underline;
}
#footer .maxwidth {
position: relative;
}
.footer-menu {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
margin-bottom: 30px;
}
.no-copyright .footer-menu {
border-bottom: none;
margin-bottom: 0;
}
.footmenu {
padding: 0 0 20px 0;
margin: 0;
text-align: center;
}
.no-copyright .footmenu {
padding: 10px 0;
}
.footer-menu li {
display: inline-block;
padding: 5px 10px;
}
#footer .footer-menu a:hover {
color: #fff;
opacity: 0.7;
}
#footer .copytext {
padding: 0 0 10px 0;
}
#copy {
text-align: center; }
#designedby {
text-align: center;
opacity: 0.8;
}
#toTop {
position: fixed;
z-index: 1000;
bottom: 20px;
right: 20px;
margin: 0;
padding: 10px;
display: none;
cursor: pointer;
background: #1496d1;
color: #fff !important;
transform: rotate(-90deg);
font-size: 18px;
text-align: center;
}
#toTop:hover {
opacity: 0.75;
text-decoration: none !important;
}  @media only screen and (min-width: 768px) {
.sitetitle {
text-align: left;
}
.sitetitle.center {
text-align: center;
}
.sitetitle.right {
text-align: right;
}
#header {
background-size: auto;
}
#header .searchform {
display: block;
float: right;
margin: 35px 0 0;
}
body.custom-background #header {
background-size: contain;
}
.anons-thumbnail {
display: block;
}
.rinput {
display: inline-block;
width: 30%;
margin-right: 4%;
}
.rurl {
margin-right: 0;
}
#copy {
text-align: left;
padding-bottom: 0;
display: flex;
flex-direction: column;
}
#designedby {
text-align: right;
}
} @media only screen and (min-width: 1024px) {
body.custom-background #header .menu {
width: 100%;
margin: 0;
padding: 0 40px;
}
body.custom-background .wrapper {
margin: 40px auto;
}
#mobile-menu {
display: none;
}
.topnav nav {
display: block;
}
.top-menu {
position: static;
text-align: left;
}
.top-menu li {
display: inline-block;
position: relative;
}
.top-menu li a {
border-bottom: 0;
font-weight: normal;
color: #fff;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
.top-menu>li:hover>a {
background: rgba(255, 255, 255, 0.3);
}
.top-menu .sub-menu,
.top-menu .children {
margin: 0;
position: absolute;
top: 100%;
left: 0;
background: #137dad;
width: 250px;
z-index: 1000;
box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1);
visibility: hidden;
transform: rotateX(-90deg) translateX(-10%);
transform-origin: top center;
opacity: 0.3;
transition: 280ms all 120ms ease-out;
}
.top-menu .sub-menu li,
.top-menu .children li {
display: block;
text-align: left;
}
.top-menu .sub-menu li a,
.top-menu .children li a {
color: #fff;
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.top-menu li:hover>.sub-menu,
.top-menu li:hover>.children,
.top-menu li:focus>.sub-menu,
.top-menu li:focus>.children,
.top-menu li:focus-within>.sub-menu,
.top-menu li:focus-within>.children {
opacity: 1;
transform: rotateX(0) translateX(0%);
visibility: visible;
}
.top-menu .sub-menu .sub-menu,
.top-menu .children .children {
top: 0;
left: 100%;
border-left: 2px solid #fff;
}
.top-menu .sub-menu li:hover>.sub-menu,
.top-menu .children li:hover>.children {
display: block;
}
.top-menu .menu-item-has-children>a:after,
.top-menu .menu-item-has-children>span:after,
.top-menu .page_item_has_children>a:after,
.top-menu .page_item_has_children>span:after {
content: "►";
position: absolute;
right: 20px;
margin: 1px 0 0 15px;
transform: rotate(90deg);
font-size: 8px;
}
.top-menu .sub-menu>.menu-item-has-children>a:after,
.top-menu .sub-menu>.menu-item-has-children>span:after,
.top-menu .children>.page_item_has_children>a:after,
.top-menu .children>.page_item_has_children>span:after {
content: "►";
margin: 0;
transform: none;
}
.top-menu .menu-item-has-children>a,
.top-menu .menu-item-has-children>span,
.top-menu .page_item_has_children>a,
.top-menu .page_item_has_children>span {
padding-right: 40px;
}
} @media only screen and (min-width: 1280px) {
#navpages li {
padding-left: 10px;
}
#navpages .sub-menu {
margin-left: 10px;
}
#navpages .sub-menu .sub-menu {
left: 190px;
}
#navpages li a {
font-size: 16px;
padding: 10px;
}
.comment-list ul.children {
margin: 0 0 50px 30px;
}
}.addtoany_content{clear:both;margin:16px auto}.addtoany_header{margin:0 0 16px}.addtoany_list{display:inline;line-height:16px}.a2a_kit a:empty,.a2a_kit a[class^="a2a_button_"]:has(.a2a_s_undefined){display:none}.addtoany_list a,.widget .addtoany_list a{border:0;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle}.addtoany_list a img{border:0;display:inline-block;opacity:1;overflow:hidden;vertical-align:baseline}.addtoany_list a span{display:inline-block;float:none}.addtoany_list.a2a_kit_size_32 a{font-size:32px}.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span{height:32px;line-height:32px;width:32px}.addtoany_list a:not(.addtoany_special_service)>span{border-radius:4px;display:inline-block;opacity:1}.addtoany_list a .a2a_count{position:relative;vertical-align:top}.site .a2a_kit.addtoany_list a:focus,.addtoany_list a:hover,.widget .addtoany_list a:hover{background:none;border:0;box-shadow:none}.addtoany_list a:hover img,.addtoany_list a:hover span{opacity:.7}.addtoany_list a.addtoany_special_service:hover img,.addtoany_list a.addtoany_special_service:hover span{opacity:1}.addtoany_special_service{display:inline-block;vertical-align:middle}.addtoany_special_service a,.addtoany_special_service div,.addtoany_special_service div.fb_iframe_widget,.addtoany_special_service iframe,.addtoany_special_service span{margin:0;vertical-align:baseline!important}.addtoany_special_service iframe{display:inline;max-width:none}a.addtoany_share.addtoany_no_icon span.a2a_img_text{display:none}a.addtoany_share img{border:0;width:auto;height:auto}.rpwe-block ul {
list-style: none !important;
margin-left: 0 !important;
padding-left: 0 !important;
}
.rpwe-block li {
border-bottom: 1px solid #eee;
margin: 0 0 8px !important;
padding: 5px 0 10px !important;
list-style-type: none !important;
display: block;
}
.rpwe-block a {
display: inline !important;
text-decoration: none;
}
.rpwe-block h3 {
background: none !important;
clear: none;
margin-bottom: 0 !important;
margin-top: 0 !important;
font-weight: 400;
font-size: 12px !important;
line-height: 1.5em;
}
.rpwe-thumb {
border: 1px solid #eee !important;
box-shadow: none !important;
margin: 2px 10px 2px 0 !important;
padding: 3px !important;
}
.rpwe-summary {
font-size: 12px;
}
.rpwe-time {
color: #bbb;
font-size: 11px;
}
.rpwe-comment {
color: #bbb;
font-size: 11px;
padding-left: 5px;
}
.rpwe-alignleft {
display: inline;
float: left;
}
.rpwe-alignright {
display: inline;
float: right;
}
.rpwe-aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.rpwe-clearfix:before,
.rpwe-clearfix:after {
content: '';
display: table !important;
}
.rpwe-clearfix:after {
clear: both;
}
.rpwe-clearfix {
zoom: 1;
}