?AlkantarClanX12
| Current Path : /home/rankinh/villavanille/wp-content/themes/villa-vanille/assets/css/ |
| Current File : /home/rankinh/villavanille/wp-content/themes/villa-vanille/assets/css/editor-style.css |
/* ==========================================================================
Include variables and mixins
========================================================================== */
/* ==========================================================================
Global CSS variables
========================================================================== */
:root {
--qode-main-color: #202020;
--qode-header-light-color: #fff;
--qode-header-light-hover-color: #fff;
--qode-header-dark-color: #202020;
--qode-header-dark-hover-color: #202020;
}
/* ==========================================================================
Typography variables
========================================================================== */
/* ==========================================================================
Box variables
========================================================================== */
/* ==========================================================================
Devices screen size variables
========================================================================== */
/* ==========================================================================
Typography mixins
========================================================================== */
/* ==========================================================================
Typography mixins - end
========================================================================== */
/* ==========================================================================
Menu mixins - begin
========================================================================== */
/* ==========================================================================
Menu mixins - end
========================================================================== */
/* ==========================================================================
Layout mixins - begin
========================================================================== */
/* ==========================================================================
Layout mixins - end
========================================================================== */
/* ==========================================================================
Input fields mixins - begin
========================================================================== */
/* ==========================================================================
Input fields mixins - end
========================================================================== */
/* ==========================================================================
Pagination mixins - begin
========================================================================== */
/* ==========================================================================
Pagination mixins - end
========================================================================== */
/* ==========================================================================
Grid size mixins - begin
========================================================================== */
/* ==========================================================================
Grid size mixins - end
========================================================================== */
/* ==========================================================================
Helper mixins - begin
========================================================================== */
/* ==========================================================================
Helper mixins - end
========================================================================== */
/* ==========================================================================
Clear fix mixin - begin
========================================================================== */
/* ==========================================================================
Clear fix mixin - end
========================================================================== */
body {
font-family: "Open Sans", sans-serif;
font-size: 16px;
line-height: 1.625em;
font-weight: 400;
color: #555555;
background-color: #fff;
}
h1 {
font-family: "Forum", cursive;
font-weight: 400;
color: #202020;
font-size: 62px;
line-height: 1.129em;
text-transform: uppercase;
letter-spacing: 0.075em;
margin: 20px 0;
}
h1 a {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
color: inherit;
}
h1 a:focus, h1 a:hover {
color: var(--qode-main-color);
}
h2 {
font-family: "Forum", cursive;
font-weight: 400;
color: #202020;
font-size: 50px;
line-height: 1.06em;
text-transform: uppercase;
letter-spacing: 0.075em;
margin: 20px 0;
}
h2 a {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
color: inherit;
}
h2 a:focus, h2 a:hover {
color: var(--qode-main-color);
}
h3 {
font-family: "Forum", cursive;
font-weight: 400;
color: #202020;
font-size: 45px;
line-height: 1.222em;
margin: 20px 0;
}
h3 a {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
color: inherit;
}
h3 a:focus, h3 a:hover {
color: var(--qode-main-color);
}
h4 {
font-family: "Forum", cursive;
font-weight: 400;
color: #202020;
font-size: 33px;
line-height: 1.2727em;
margin: 20px 0;
}
h4 a {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
color: inherit;
}
h4 a:focus, h4 a:hover {
color: var(--qode-main-color);
}
h5 {
font-family: "Forum", cursive;
font-weight: 400;
color: #202020;
font-size: 25px;
line-height: 1.16em;
margin: 20px 0;
}
h5 a {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
color: inherit;
}
h5 a:focus, h5 a:hover {
color: var(--qode-main-color);
}
h6 {
font-family: "Forum", cursive;
font-weight: 400;
color: #202020;
font-size: 20px;
line-height: 1.2em;
margin: 20px 0;
}
h6 a {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
color: inherit;
}
h6 a:focus, h6 a:hover {
color: var(--qode-main-color);
}
a,
p a {
color: #202020;
text-decoration: none;
transition: color 0.2s ease-out;
cursor: pointer;
}
a:focus, a:hover,
p a:focus,
p a:hover {
color: var(--qode-main-color);
}
p {
margin: 10px 0;
}
blockquote {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
margin: 0;
padding: 0;
position: relative;
padding: 30px 42px;
border: none;
font-family: "Open Sans", sans-serif;
font-size: 16px;
font-weight: 400;
text-transform: initial;
color: #505050;
font-size: 20px;
line-height: 32px;
quotes: none;
z-index: 1;
}
blockquote:hover {
color: var(--qode-main-color);
}
blockquote.wp-block-quote.is-large, blockquote.wp-block-quote.is-style-large {
margin: 0;
padding: 18px 10% 20px 0;
}
blockquote.wp-block-pullquote {
padding: 25px !important;
text-align: center;
}
blockquote.wp-block-pullquote.alignleft {
max-width: 290px;
}
blockquote.wp-block-pullquote.alignright {
max-width: 290px;
}
blockquote.has-text-align-right:before {
left: auto;
right: 0;
}
blockquote:before {
content: '';
position: absolute;
background-image: url(/wp-content/themes/drew/assets/img/quote.svg);
background-repeat: no-repeat;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
height: 129px;
width: 157px;
z-index: -1;
}
blockquote > * {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
color: inherit;
margin: 0;
}
blockquote p {
margin: 0 !important;
}
blockquote:after {
content: '';
}
blockquote cite {
display: block;
margin: 10px 0 0;
font-style: normal;
font-weight: 400 !important;
text-align: inherit !important;
text-transform: uppercase !important;
}