File: /var/www/prestitravel.com/wp-content/themes/itfirm/assets/scss/typography.scss
//@include background-gradient-bottom(rgba(#000, 0), rgba(#000, 0));
//@include background-gradient-bottom($gradient_color_from, $gradient_color_to);
//@include background-horizontal-right($gradient_color_from, $gradient_color_to);
//@include background-horizontal-right($primary_color, $secondary_color);
//@include background-gradient-button(90deg, #c0c1c0 0%, #ffffff 50%, #c0c1c0);
//@include background-gradient-rotate(-190deg, rgba($primary_color2, 0.95), rgba($secondary_color2, 0.95));
//@include background-gradient-rotate(-190deg, $gradient_color_from, $gradient_color_to);
//@include transition(.3s cubic-bezier(.24,.74,.58,1));
//@include transition(all 300ms linear 0ms);
//font-family: 'Poppins', sans-serif;
//background-image: linear-gradient(45deg, $m_gradient_color1 0%, $m_gradient_color2 27%, $m_gradient_color3 48%, $m_gradient_color4 69%, $m_gradient_color5 100%);
//background-image: linear-gradient(45deg, $m_gradient_color5 0%, $m_gradient_color4 27%, $m_gradient_color3 48%, $m_gradient_color2 69%, $m_gradient_color1 100%);
html {
box-sizing: border-box;
}
a {
@include transition(.3s cubic-bezier(.24,.74,.58,1));
color: #006cff;
&.link-underline {
color: $primary_color;
&:hover {
text-decoration: underline;
color: $primary_color;
}
}
}
a, a:hover, a:focus, a:before, a:after {
outline: none;
text-decoration: none;
}
a:hover, a:focus {
color: $link_color_active;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
p {
margin-bottom: 15px;
}
body {
font-size: 16px;
line-height: 1.625;
color: #383838;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
font-weight: normal;
letter-spacing: 0;
&.ov-hidden {
overflow: hidden;
}
&.body-default-font {
@include font-family-default($body_default_font);
}
&.is-cursor-active * {
cursor: none !important;
}
}
.site {
position: relative;
}
// Headings
//--------------------------------------------------
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
color: #000001;
clear: both;
line-height: 1.2;
margin: 0 0 15px;
font-weight: 700;
}
.heading-default-font {
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .ft-h {
@include font-family-heading($heading_default_font);
}
}
h1, .h1 {
font-size: 52px;
}
h2, .h2 {
font-size: 42px;
}
h3, .h3 {
font-size: 36px;
}
h4, .h4 {
font-size: 32px;
}
h5, .h5 {
font-size: 22px;
}
h6, .h6 {
font-size: 18px;
font-weight: 600;
}
img {
max-width: 100%;
height: auto;
}
label {
margin-bottom: 0;
}
.fs-desc-md {
font-size: 15px;
}
.fs-title-sm {
font-size: 20px;
}
// Unit Test
//--------------------------------------------------
table {
border-bottom: 1px solid #ececf0;
border-left: 1px solid #ececf0;
border-collapse: collapse;
border-spacing: 0;
line-height: 2;
margin: 0 0 32px;
width: 100%;
@include border-radius(0);
th {
color: #222;
}
}
caption, td {
font-weight: normal;
text-align: left;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
padding: 13px 8px;
}
th {
font-weight: 600;
border-top: 1px solid #ececf0;
padding: 10px;
border-right: 1px solid #ececf0;
}
td {
border-top: 1px solid #ececf0;
padding: 10px;
border-right: 1px solid #ececf0;
}
/*--- Definition Lists ---*/
dl {
margin: 0 0 0 25px;
}
dl dt {
font-weight: normal;
line-height: 26px;
text-transform: uppercase;
font-weight: 700;
color: #000;
}
dl dd {
line-height: normal;
margin-bottom: 20px;
a {
color: #000;
&:hover {
color: $primary_color;
}
}
}
code, kbd {
background-color: transparent;
border-radius: 4px;
color: inherit;
font-size: 100%;
padding: 2px 4px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
ins {
color: #fff;
border: none;
padding: 2px;
text-decoration: none;
background-color: $primary_color;
}
pre {
background: #f5f5f5;
color: #666;
font-size: 14px;
margin: 20px 0;
overflow: auto;
padding: 20px;
white-space: pre-wrap;
word-wrap: break-word;
}
ol {
list-style: outside none decimal;
margin-bottom: 32px;
}
ul {
padding: 0;
margin: 0 0 32px;
li {
list-style-position: inside;
}
}
dl + h2 + ul {
padding-left: 35px;
ul {
padding-left: 35px;
li {
list-style: outside;
}
}
}
blockquote {
background-color: #edf0f2;
padding: 24px 57px 24px 37px;
font-size: 20px;
line-height: 30px;
color: #000;
position: relative;
margin-top: 40px;
margin-bottom: 34px;
font-weight: 700;
@include font-family-heading($heading_default_font);
&:before {
content: '';
width: 5px;
height: 100%;
position: absolute;
top: 0;
left: 0;
@include background-gradient-bottom($gradient_color_from, $gradient_color_to);
}
@media #{$max-sm} {
padding-left: 20px;
padding-right: 20px;
}
cite {
display: block;
font-size: 15px;
font-style: italic;
margin-top: 7px;
color: $primary_color;
}
p:last-child {
margin-bottom: 0;
}
&.is-style-large.wp-block-quote {
padding: 32px 57px 32px 37px;
}
&.wp-block-quote {
p {
margin-bottom: 16px !important;
}
cite br {
display: none;
}
&.has-text-align-right {
&:before {
left: auto;
right: 0;
}
}
}
}
.alignleft,
.alignright,
.aligncenter {
margin-top: 6px;
margin-bottom: 45px;
}
.alignleft {
display: inline;
float: left;
margin-right: 35px;
}
.alignright {
display: inline;
float: right;
margin-left: 35px;
clear: right;
}
.aligncenter {
clear: both;
@include center-block;
}
.sticky {
display: block;
}
.updated:not(.published) {
display: none;
}
.post-password-form {
label {
display: block;
max-width: 60%;
}
input {
margin: 10px 0;
}
}
.has-background-dim {
color: #fff;
margin-bottom: 30px;
}
.wp-block-gallery {
.blocks-gallery-item {
float: left;
}
.blocks-gallery-caption {
margin-bottom: 22px;
}
}
@media #{$max-sm} {
.post-password-form label {
max-width: 60%;
}
}
.wp-block-button {
margin-bottom: 20px;
.wp-block-button__link {
background-color: $primary_color;
border-color: $primary_color;
color: #fff;
&:not([href]) {
color: #fff;
}
&:hover {
background-color: darken($primary_color_hex, 0.12);
border-color: darken($primary_color_hex, 0.12);
color: #fff;
&:not([href]) {
color: #fff;
}
}
}
&.is-style-outline .wp-block-button__link {
background-color: transparent;
color: $primary_color;
&:hover {
background-color: $primary_color;
border-color: $primary_color;
color: #fff;
}
}
&.is-style-squared .wp-block-button__link {
@include border-radius(0px);
}
}
// Captions
//--------------------------------------------------
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
img[class*="wp-image-"] {
@include center-block;
}
.wp-caption-text {
padding: 0.8075em 0;
font-size: 0.875em;
font-style: italic;
}
}
.gallery-caption {
opacity: 1;
}
.wp-caption-text {
text-align: center;
}
#tslOverlay {
background-color: transparent !important;
z-index: 999999 !important;
}