.bg--blue, .bg--primary {
background-color: #464646;
}
.bg--red, .bg--secondary {
background-color: #dedede;
}
.bg--grey {
background-color: #ccc;
}
.bg--grey-light {
background-color: #dedede;
}
.bg--grey-dark {
background-color: #464646;
}
.bg--blue, .bg--tertiary {
background-color: #0031ef;
}
@font-face {
font-family: "Eina01";
src: url(//abode-invest.com/wp-content/themes/igoo-learning-platform/assets/fonts/eina01/Eina01-Regular.woff2) format("woff2"), url(//abode-invest.com/wp-content/themes/igoo-learning-platform/assets/fonts/eina01/Eina01-Regular.woff) format("woff"), url(//abode-invest.com/wp-content/themes/igoo-learning-platform/assets/fonts/eina01/Eina01-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Eina01";
src: url(//abode-invest.com/wp-content/themes/igoo-learning-platform/assets/fonts/eina01/Eina01-SemiBold.woff2) format("woff2"), url(//abode-invest.com/wp-content/themes/igoo-learning-platform/assets/fonts/eina01/Eina01-SemiBold.woff) format("woff"), url(//abode-invest.com/wp-content/themes/igoo-learning-platform/assets/fonts/eina01/Eina01-SemiBold.ttf) format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Eina01";
src: url(//abode-invest.com/wp-content/themes/igoo-learning-platform/assets/fonts/eina01/Eina01-Bold.woff2) format("woff2"), url(//abode-invest.com/wp-content/themes/igoo-learning-platform/assets/fonts/eina01/Eina01-Bold.woff) format("woff"), url(//abode-invest.com/wp-content/themes/igoo-learning-platform/assets/fonts/eina01/Eina01-Bold.ttf) format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "TT Norms";
src: url(//abode-invest.com/wp-content/themes/igoo-learning-platform/assets/fonts/ttnorms/TTNorms-Regular.woff2) format("woff2"), url(//abode-invest.com/wp-content/themes/igoo-learning-platform/assets/fonts/ttnorms/TTNorms-Regular.woff) format("woff"), url(//abode-invest.com/wp-content/themes/igoo-learning-platform/assets/fonts/ttnorms/TTNorms-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "TT Norms";
src: url(//abode-invest.com/wp-content/themes/igoo-learning-platform/assets/fonts/ttnorms/TTNorms-Italic.woff2) format("woff2"), url(//abode-invest.com/wp-content/themes/igoo-learning-platform/assets/fonts/ttnorms/TTNorms-Italic.woff) format("woff"), url(//abode-invest.com/wp-content/themes/igoo-learning-platform/assets/fonts/ttnorms/TTNorms-Italic.ttf) format("truetype");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "TT Norms";
src: url(//abode-invest.com/wp-content/themes/igoo-learning-platform/assets/fonts/ttnorms/TTNorms-Medium.woff2) format("woff2"), url(//abode-invest.com/wp-content/themes/igoo-learning-platform/assets/fonts/ttnorms/TTNorms-Medium.woff) format("woff"), url(//abode-invest.com/wp-content/themes/igoo-learning-platform/assets/fonts/ttnorms/TTNorms-Medium.ttf) format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "TT Norms";
src: url(//abode-invest.com/wp-content/themes/igoo-learning-platform/assets/fonts/ttnorms/TTNorms-Bold.woff2) format("woff2"), url(//abode-invest.com/wp-content/themes/igoo-learning-platform/assets/fonts/ttnorms/TTNorms-Bold.woff) format("woff"), url(//abode-invest.com/wp-content/themes/igoo-learning-platform/assets/fonts/ttnorms/TTNorms-Bold.ttf) format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
.text-title, .text--title {
text-transform: uppercase;
font-variant-ligatures: none;
}
.text-white, .text--white {
color: #fff;
}
.text-grey, .text--grey {
color: #464646;
}
.text--italic {
font-style: italic;
}
.text--bold {
font-weight: 700;
}
.text--align-center {
text-align: center;
}
.text--align-right {
text-align: right;
}
.text--small {
font-size: 0.8rem;
}
p {
line-height: 1.4;
margin: 6px 0;
}
p + p {
margin-top: 1.25em;
}
.content > p,
.content * p {
max-width: 85ch;
}
blockquote {
text-align: center;
}
address {
font-style: normal;
}
html {
font-size: 16px;
}
* {
box-sizing: border-box;
}
body {
margin: 0;
font-family: "TT Norms", "Open Sans", sans-serif;
font-variant-ligatures: none;
opacity: 1;
transition: opacity 0.75s ease-in;
display: flex;
flex-direction: column;
min-height: 100vh;
}
body.no-scroll {
overflow: hidden;
}
body.fadeOut {
opacity: 0;
}
.container {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.slow-trans {
transition: 0.5s cubic-bezier(0.5, 0, 0.5, 1);
}
.mod-trans {
transition: 0.35s cubic-bezier(0.5, 0, 0.5, 1);
}
.visibily-hidden {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
padding: 0 !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden;
}
.mobile--show {
display: none !important;
}
@media all and (max-width: 767px) {
.mobile--hide {
display: none !important;
}
.mobile--show {
display: block !important;
}
}
@media screen and (prefers-reduced-motion: reduce) {
* { animation-duration: 0.001ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.001ms !important;
}
}
.free-course-popup {
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 10;
background: rgba(0, 0, 0, 0.5);
display: flex;
opacity: 0;
transition: all 0.4s ease-in-out;
pointer-events: none;
}
.free-course-popup .gform_wrapper {
position: relative;
width: 100%;
height: auto;
text-align: center;
background: #183C77;
padding: 40px 20px;
margin: auto;
color: #fff;
}
@media (min-width: 750px) {
.free-course-popup .gform_wrapper {
padding: 50px;
width: 50%;
}
}
.free-course-popup .gform_wrapper .top_label input.medium {
width: 100%;
}
.free-course-popup .close-free-course-popup {
width: 15px;
height: 15px;
position: absolute;
top: 15px;
right: 15px;
background-color: #464646;
padding: 0;
cursor: pointer;
}
.free-course-popup.open {
opacity: 1;
pointer-events: auto;
}
.has-blue-color {
color: #0031ef;
}
.has-blue-background-color {
background-color: #0031ef;
}
.has-grey-dark-color {
color: #64665c;
}
.has-grey-dark-background-color {
background-color: #64665c;
}
.has-black-color {
color: #0d1317;
}
.has-black-background-color {
background-color: #0d1317;
}
.has-grey-light-color {
color: #efefef;
}
.has-grey-light-background-color {
background-color: #efefef;
}
.content {
display: grid;
grid-template-columns: 1fr 10fr 1fr;
overflow: hidden;
grid-row-gap: 3rem;
margin-bottom: 3rem;
margin-top: 3rem;
}
@media all and (max-width: 768px) {
.content {
grid-row-gap: 2rem;
}
}
@media all and (max-width: 768px) {
.content {
grid-template-columns: 1fr 20fr 1fr;
}
}
@media all and (max-width: 1200px) {
.content {
grid-template-columns: 1fr 16fr 1fr;
}
}
@media all and (min-width: 1400px) {
.content {
grid-template-columns: 1fr 8fr 1fr;
}
}
@media all and (min-width: 1800px) {
.content {
grid-template-columns: 1fr 6fr 1fr;
}
}
@media all and (max-width: 600px) {
.content {
grid-template-columns: 1rem auto 1rem;
}
}
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.content {
margin: auto;
max-width: 1200px;
display: block;
}
.content > * {
margin-bottom: 3rem;
}
}
.content > * {
grid-column-start: 2;
}
.content > *:empty:not(.wp-block-spacer) {
display: none;
}
.content > *.alignfull, .content > *.align--full {
grid-column-start: 1;
grid-column-end: 4;
}
.content > *.alignfull + .alignfull, .content > *.align--full + .alignfull {
margin-top: -3rem;
}
.content > h2,
.content > h3 {
margin-bottom: 0px;
}
button,
.button {
font-family: inherit;
background: transparent;
border: none;
box-shadow: none;
font-size: inherit;
background: #333;
position: relative;
cursor: pointer;
font-variant-ligatures: none;
}
button:after,
.button:after {
position: absolute;
content: "";
outline: 2px solid #ccc;
outline-offset: 2px;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
transition: all 0.35s cubic-bezier(0, 0.5, 0.5, 1);
opacity: 0;
}
button:focus, button:hover,
.button:focus,
.button:hover {
outline: none;
background-color: #0031ef;
}
button:focus::after, button:hover::after,
.button:focus::after,
.button:hover::after {
opacity: 1;
}
.button {
color: #fff;
font-weight: bold;
padding: 8px 10px;
cursor: pointer;
transition: all 0.35s cubic-bezier(0, 0.5, 0.5, 1);
min-width: 80px;
}
.button:hover, .button:focus {
border-color: #464646;
}
.button--primary {
background: #0031ef;
}
.button--primary:hover, .button--primary:focus {
background: #464646;
}
.button--secondary {
background: #dedede;
color: #464646;
}
.button--secondary:hover, .button--secondary:focus {
background: #464646;
color: #dedede;
}
.button.button:disabled {
opacity: 0.5;
pointer-events: none;
cursor: not-allowed;
}
[class^=button--outline] {
padding: 6px 12px;
background: transparent;
border: 3px solid #fff;
color: #fff;
transition: all 0.4s cubic-bezier(0, 0.5, 0.5, 1);
display: inline-block;
margin: 16px auto;
text-decoration: none;
}
[class^=button--outline]:hover, [class^=button--outline]:focus {
color: #464646;
background: #fff;
}
a {
text-decoration: none;
transition: all 0.35s cubic-bezier(0, 0.5, 0.5, 1);
color: inherit;
}
a:focus {
outline: none;
}
a path {
fill: currentColor;
}
p a {
text-decoration: underline;
font-weight: 700;
color: inherit;
}
p a:hover, p a:focus {
color: #464646;
}
svg, path {
transition: all 0.35s cubic-bezier(0, 0.5, 0.5, 1);
}
.underline-link {
position: relative;
}
.underline-link::after {
content: "";
width: 0px;
height: 1px;
background: currentColor;
transition: width 0.4s cubic-bezier(0, 0.5, 0.5, 1);
position: absolute;
bottom: 0;
left: 0;
}
.underline-link:hover::after, .underline-link:focus::after {
width: 100%;
}
.call-to-action--link {
position: relative;
text-decoration: underline;
}
.call-to-action--link::after {
content: "";
position: absolute;
top: 7px;
right: -30px;
width: 16px;
height: 10px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='10'%3E%3Cdefs%3E%3Cpath id='a' d='M10 0v4H0v2h10v4l6-5.06z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%23000' fill-rule='nonzero' xlink:href='%23a'/%3E%3Cg fill='%23000' mask='url(%23b)'%3E%3Crect width='18' height='18' rx='4' transform='translate(-1 -4)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right center;
background-size: contain;
padding-left: 16px;
}
.dashboard-link a,
.primary-header li.dashboard-link a {
padding: 8px 10px;
background-color: #464646;
color: white;
position: relative;
}
.dashboard-link a:after,
.primary-header li.dashboard-link a:after {
position: absolute;
content: "";
outline: 2px solid #ccc;
outline-offset: 2px;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
transition: all 0.35s cubic-bezier(0, 0.5, 0.5, 1);
opacity: 0;
}
.dashboard-link a:hover, .dashboard-link a:focus,
.primary-header li.dashboard-link a:hover,
.primary-header li.dashboard-link a:focus {
color: #fff;
background-color: #0031ef;
}
.dashboard-link a:hover::after, .dashboard-link a:focus::after,
.primary-header li.dashboard-link a:hover::after,
.primary-header li.dashboard-link a:focus::after {
opacity: 1;
}
.link--with-icon {
display: flex;
align-items: center;
}
.link--with-icon svg {
width: 20px;
height: 20px;
margin-right: 10px;
}
.input-container, .form-row {
position: relative;
max-width: 500px;
}
.input-container input,
.input-container textarea, .form-row input,
.form-row textarea {
position: relative;
width: 100%;
color: #494949;
padding: 20px 5px 6px 10px;
border: 2px solid #464646;
border-radius: 0;
margin-bottom: 12px;
font-size: 15px;
transition: all 0.3s cubic-bezier(0.5, 0, 0.5, 1);
font-family: "TT Norms", "Open Sans", sans-serif;
font-variant-ligatures: none;
}
.input-container input:focus, .input-container input:not(:placeholder-shown),
.input-container textarea:focus,
.input-container textarea:not(:placeholder-shown), .form-row input:focus, .form-row input:not(:placeholder-shown),
.form-row textarea:focus,
.form-row textarea:not(:placeholder-shown) {
outline: none;
border: 2px solid #0031ef;
}
.input-container input:focus + label, .input-container input:not(:placeholder-shown) + label,
.input-container textarea:focus + label,
.input-container textarea:not(:placeholder-shown) + label, .form-row input:focus + label, .form-row input:not(:placeholder-shown) + label,
.form-row textarea:focus + label,
.form-row textarea:not(:placeholder-shown) + label {
font-size: 0.75rem;
top: 6px;
font-weight: bold;
color: #0031ef;
}
.input-container:focus-within label, .form-row:focus-within label {
font-size: 0.75rem;
top: 6px;
font-weight: bold;
color: #0031ef;
}
.input-container select, .form-row select {
padding: 12px;
font-size: 14px;
height: 44px;
width: 100%;
border: 2px solid #464646;
margin-bottom: 12px;
min-width: 150px;
appearance: none;
-webkit-appearance: none;
background: transparent;
color: #494949;
max-width: 100%;
-webkit-appearance: none;
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%238C98F2'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
background-size: 12px;
background-position: calc(100% - 20px) center;
}
.input-container select:focus, .form-row select:focus {
outline: none;
}
.input-container label, .form-row label {
position: absolute;
top: 12px;
left: 12px;
color: #666;
text-transform: capitalize;
pointer-events: none;
font-size: 15px;
transition: 0.3s cubic-bezier(0.5, 0, 0, 1);
z-index: 1;
}
.input-container label.active, .form-row label.active {
font-size: 0.75rem;
top: 6px;
font-weight: bold;
color: #0031ef;
}
.input-container.select, .form-row.select {
border: 2px solid #464646;
border-radius: 0px;
background: #fff;
padding: 2px 0px 0px 50px;
}
.input-container.select label, .form-row.select label {
top: 14px;
}
.input-container.select label.active, .form-row.select label.active {
top: 14px;
font-size: 15px;
font-weight: 500;
}
.input-container .select2-container, .form-row .select2-container {
display: block;
max-width: 500px;
margin-bottom: 12px;
}
.input-container .select2-container .select2-selection--single, .form-row .select2-container .select2-selection--single {
border-radius: 0px;
border: 2px solid #464646;
padding: 12px 10px;
height: 47px;
}
.input-container .select2-container .select2-selection--single:focus, .form-row .select2-container .select2-selection--single:focus {
outline: none;
}
.input-container .select2-container .select2-selection--single .select2-selection__arrow, .form-row .select2-container .select2-selection--single .select2-selection__arrow {
height: 47px;
}
.input-container .select2-container .select2-selection__rendered, .form-row .select2-container .select2-selection__rendered {
padding-left: 0px;
font-size: 15px;
}
.input-container .select2-container .select2-selection__rendered:focus, .form-row .select2-container .select2-selection__rendered:focus {
outline: none;
}
.input-container .select2-container + label, .form-row .select2-container + label {
font-size: 0.75rem;
top: 6px;
}
.input-container.woocommerce-validated .select2-container .select2-selection--single,
.input-container.woocommerce-validated input,
.input-container.woocommerce-validated textarea,
.input-container.woocommerce-validated select, .form-row.woocommerce-validated .select2-container .select2-selection--single,
.form-row.woocommerce-validated input,
.form-row.woocommerce-validated textarea,
.form-row.woocommerce-validated select {
border-color: #0031ef;
}
.input-container.woocommerce-invalid-required-field .select2-container .select2-selection--single,
.input-container.woocommerce-invalid-required-field input,
.input-container.woocommerce-invalid-required-field textarea,
.input-container.woocommerce-invalid-required-field select, .input-container.error .select2-container .select2-selection--single,
.input-container.error input,
.input-container.error textarea,
.input-container.error select, .form-row.woocommerce-invalid-required-field .select2-container .select2-selection--single,
.form-row.woocommerce-invalid-required-field input,
.form-row.woocommerce-invalid-required-field textarea,
.form-row.woocommerce-invalid-required-field select, .form-row.error .select2-container .select2-selection--single,
.form-row.error input,
.form-row.error textarea,
.form-row.error select {
border-color: #cc6700;
}
.input-container--checkbox, .form-row--checkbox {
margin-bottom: 10px;
}
.input-container--checkbox input:checked + label, .form-row--checkbox input:checked + label {
color: #0031ef;
}
.input-container--submit, .form-row--submit {
margin-top: 1rem;
}
.input-container--submit button, .form-row--submit button {
height: 47px;
min-width: 120px;
}
p.address-field {
margin-top: 0px;
}
p.address-field label {
display: none;
}
#billing_country_field label {
top: 6px;
font-size: 0.75rem;
}
fieldset {
border: none;
padding-left: 0px;
padding-right: 0px;
}
h1 {
font-size: 60px;
font-family: "Eina01";
margin-bottom: 0.125em;
margin-top: 0;
}
h2 {
font-family: "Eina01";
font-size: calc(24px + 0.015 * (100vw - 320px));
font-weight: 700;
margin-bottom: 0.75em;
margin-top: 0;
line-height: 1.2;
}
h3 {
font-family: "Eina01";
font-size: calc(18px + 0.015 * (100vw - 320px));
font-weight: 600;
margin: 0;
line-height: 1.2;
}
h4 {
font-weight: 700;
font-size: 18px;
margin-bottom: 0.75em;
margin-top: 0;
}
h5 {
font-weight: 600;
font-size: 1.2rem;
margin-bottom: 5px;
line-height: 1.2;
}
img {
max-width: 100%;
display: block;
height: auto;
}
figcaption {
line-height: 1.3;
font-size: 14px;
padding-bottom: 0.75rem;
border-bottom: 1px solid #ccc;
}
figure.alignfull figcaption {
text-align: center;
border-bottom: none;
}
table {
font-size: 14px;
border-spacing: 0px;
width: 100%;
border-bottom: 2px solid #eee;
margin-bottom: 2rem;
}
table thead {
background: #464646;
color: #fff;
}
table thead th {
border-right: 2px solid rgba(255, 255, 255, 0.16);
text-align: center;
font-weight: 600;
}
table thead th:last-child {
border-color: transparent;
}
table tbody tr {
background: #F9F9F9;
}
table tbody tr:nth-child(2n) {
background: #fff;
}
table tbody tr:first-of-type {
background: #464646;
color: #fff;
}
table tbody tr td {
border-right: 2px solid #eee;
}
table tbody tr th {
border-right: 2px solid #eee;
color: #fff;
font-weight: 600;
}
table thead + tbody tr:first-child {
background: #F9F9F9;
color: #000;
}
table thead + tbody tr:first-child td:last-child {
border-color: transparent;
}
table th, table td {
padding: 15px 10px;
text-align: left;
}
@media all and (max-width: 475px) {
table {
font-size: 10px;
}
table th, table td {
padding: 5px 3px;
}
}
.slick-slider {
position: relative;
display: block;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0);
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track::after, .slick-track::before {
display: table;
content: "";
}
.slick-track::after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.slick-loading img {
pointer-events: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-arrow.slick-hidden {
display: none;
}
.video-wrapper {
width: 100%;
height: 0;
padding-bottom: 56.25%;
position: relative;
overflow: hidden;
}
.video-wrapper iframe {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
body > footer {
background: #dedede;
color: #464646;
padding: 3rem 0;
text-align: center;
border-top: 1px solid #464646;
margin-top: auto;
}
body > footer .container {
display: flex;
justify-content: space-between;
}
body > footer ul {
list-style: none;
padding-left: 0px;
}
body > footer ul li {
margin-bottom: 10px;
line-height: 20px;
}
.primary-header {
background: #F5F5F5;
}
.primary-header .navigation {
display: flex;
align-items: center;
flex-wrap: wrap;
}
@media (min-width: 1400px) {
.primary-header .navigation {
flex-wrap: nowrap;
}
}
@media (min-width: 1400px) {
.primary-header .navigation {
width: 85%;
margin: 0 auto;
}
}
.primary-header nav {
width: 100%;
}
.primary-header ul {
display: flex;
padding: 0;
list-style: none;
width: 100%;
justify-content: space-around;
justify-content: space-evenly;
align-items: center;
}
.primary-header li a:hover, .primary-header li a:focus {
color: #0031ef;
}
.header-logo {
width: 20%;
min-width: 200px;
max-width: 300px;
display: block;
padding: 10px;
margin: 0 auto 10px;
}
@media (min-width: 700px) {
.header-logo {
display: inline-block;
vertical-align: middle;
padding: 10px;
margin: 0;
}
}
.header-logo img {
width: 100%;
}
.link-basket a::before {
content: "";
width: 20px;
height: 20px;
margin-right: 10px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cg id='shopping-basket' transform='translate(1.000000, 3.000000)' fill='%23000000' fill-rule='nonzero'%3E%3Cpath d='M17.625,4.99999125 L15.3468125,4.99999125 L11.3214375,0.26428125 C11.0532187,-0.0513125 10.5799063,-0.0896875 10.26425,0.1785625 C9.94865625,0.4468125 9.91028125,0.92015625 10.1785625,1.23575 L13.3781875,4.99999125 L4.62184375,4.99999125 L7.82146875,1.23571875 C8.08971875,0.920125 8.05134375,0.44678125 7.73575,0.17853125 C7.42015625,-0.08971875 6.9468125,-0.0513125 6.6785625,0.26425 L2.65315625,4.99999125 L0.375,4.99999125 C0.16790625,4.99999125 0,5.16790625 0,5.375 L0,6.125 C0,6.33209375 0.16790625,6.49999125 0.375,6.49999125 L0.95834375,6.49999125 L1.82034375,12.7063437 C1.9233125,13.4479375 2.557375,13.9999913 3.3060625,13.9999913 L14.6939375,13.9999913 C15.442625,13.9999913 16.0766875,13.4479375 16.1796875,12.7063437 L17.0416562,6.49999125 L17.625,6.49999125 C17.8320937,6.49999125 18,6.33209375 18,6.125 L18,5.375 C18,5.16790625 17.8320937,4.99999125 17.625,4.99999125 Z M14.6939375,12.5 L3.3060625,12.5 L2.47271875,6.5 L15.52725,6.5 L14.6939375,12.5 Z M9.75,8.25 L9.75,10.75 C9.75,11.1642187 9.41421875,11.5 9,11.5 C8.58578125,11.5 8.25,11.1642187 8.25,10.75 L8.25,8.25 C8.25,7.83578125 8.58578125,7.5 9,7.5 C9.41421875,7.5 9.75,7.83578125 9.75,8.25 Z M13.25,8.25 L13.25,10.75 C13.25,11.1642187 12.9142188,11.5 12.5,11.5 C12.0857813,11.5 11.75,11.1642187 11.75,10.75 L11.75,8.25 C11.75,7.83578125 12.0857813,7.5 12.5,7.5 C12.9142188,7.5 13.25,7.83578125 13.25,8.25 Z M6.25,8.25 L6.25,10.75 C6.25,11.1642187 5.91421875,11.5 5.5,11.5 C5.08578125,11.5 4.75,11.1642187 4.75,10.75 L4.75,8.25 C4.75,7.83578125 5.08578125,7.5 5.5,7.5 C5.91421875,7.5 6.25,7.83578125 6.25,8.25 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
background-size: 20px;
vertical-align: bottom;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
}
.skip-link {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: 0 !important;
overflow: hidden !important;
text-align: center;
z-index: 2;
color: #fff;
line-height: 25px;
top: 0px;
left: 0px;
}
.skip-link:focus {
width: 190px !important;
height: 30px !important;
outline: none;
background: #464646;
}
.header--dashboard {
position: relative;
}
.header--dashboard .navigation {
justify-content: space-between;
}
.header--dashboard .navigation nav {
position: absolute;
overflow: hidden;
width: 200px;
right: 0;
top: 100%;
transition: opacity 0.3s, max-height 0.7s cubic-bezier(0.38, 0.14, 0.45, 0.79);
background: #464646;
color: #fff;
max-height: 0px;
opacity: 0;
margin-top: -2px;
margin-left: auto;
padding: 5px 0 0 0;
}
.header--dashboard .navigation nav.open, .header--dashboard .navigation nav:focus-within {
opacity: 1;
max-height: 100px;
}
.header--dashboard .navigation nav a {
padding: 0.5rem 1rem;
display: block;
}
.header--dashboard .navigation nav a:hover, .header--dashboard .navigation nav a:focus {
background: #dedede;
color: #464646;
}
@media all and (max-width: 600px) {
.header--dashboard .navigation nav {
width: 100%;
}
}
.header--dashboard .navigation ul {
flex-direction: column;
margin: 0;
}
.header--dashboard .navigation li {
width: 100%;
text-align: center;
margin-bottom: 5px;
}
.header--dashboard .dashboard-nav-toggle-icon {
background: transparent;
transition: 0.5s cubic-bezier(0.38, 0.14, 0.45, 0.79);
display: flex;
}
.header--dashboard .dashboard-nav-toggle-icon svg {
transition: 0.5s cubic-bezier(0.38, 0.14, 0.45, 0.79);
}
.header--dashboard .dashboard-nav-toggle-icon svg path {
fill: #464646;
}
.header--dashboard .dashboard-nav-toggle-icon.open svg {
transform: rotate(180deg);
}
.header--dashboard .dashboard-nav-toggle-icon:focus {
background-color: #464646;
}
.header--dashboard .dashboard-nav-toggle-icon:focus svg path {
fill: #fff;
}
aside.nav {
display: flex;
flex-direction: column;
align-items: center;
}
aside.nav > ul {
margin: 0;
padding: 0;
border-top: 2px solid #fff;
width: 100%;
}
aside.nav .icon--toggle {
display: block;
width: 22px;
height: 22px;
justify-content: center;
align-items: center;
transition: 0.35s ease-out;
margin-left: auto;
}
aside.nav .icon--toggle svg {
width: 100%;
height: 100%;
}
aside.nav .icon--toggle .vertical {
transform-origin: 50%;
transform: translate(10px, 10px) rotate(90deg);
}
aside.nav .nav--link {
padding: 16px;
border-bottom: 2px solid white;
text-decoration: none;
color: #fff;
background: transparent;
display: flex;
align-items: center;
font-weight: bold;
transition: all 0.35s cubic-bezier(0, 0.5, 0.5, 1);
}
aside.nav .nav--link:hover, aside.nav .nav--link:focus {
background: #464646;
outline: none;
}
aside.nav .button--nav {
font-family: inherit;
padding: 16px;
text-align: left;
background: transparent;
border-width: 0px 0px 2px 0px;
border-bottom: 2px solid white;
color: #fff;
width: 100%;
font-size: 16px;
display: flex;
align-items: center;
font-weight: bold;
transition: all 0.35s cubic-bezier(0, 0.5, 0.5, 1);
cursor: pointer;
}
aside.nav .button--nav:hover, aside.nav .button--nav:focus {
background: #464646;
outline: none;
}
aside.nav .button--nav.open .vertical {
transform: rotate(0deg) translate(10px, 10px);
opacity: 0.8;
}
@media all and (min-width: 650px) {
aside.nav .button--outline {
margin-top: auto;
}
}
@media all and (max-width: 650px) {
aside.nav {
border-width: 2px 0 4px 0;
border-style: solid;
border-color: #464646;
}
aside.nav > ul {
border-top: 2px solid #464646;
}
}
.nav-child-list {
background: #464646;
max-height: 0px;
overflow: hidden;
transition: 0.35s ease-out;
padding: 0px;
list-style: none;
border-bottom: 2px solid #fff;
margin-top: -2px;
}
.nav-child-list.open {
margin-top: 0px;
max-height: initial;
}
.nav-child-list a {
padding: 8px 16px;
color: #fff;
display: block;
cursor: pointer;
}
.nav-child-list a.active {
font-weight: bold;
}
.nav-child-list a.active::before {
content: "-";
margin: 0 4px;
font-size: inherit;
}
.nav-child-list a:hover, .nav-child-list a:focus {
background: rgba(255, 255, 255, 0.7);
color: #464646;
}
.single-product .product {
display: grid;
grid-template-columns: 33% 66%;
gap: 20px;
column-gap: 20px;
margin-top: 3rem;
}
.single-product .product .woocommerce-tabs {
grid-column-start: 1;
grid-column-end: 3;
}
.single-product .product h1, .single-product .product .cart, .single-product .product .product_meta, .single-product .product .price {
margin-bottom: 2rem;
}
.single-product .product .wc-tabs {
display: none;
}
.single-product .product h2 {
font-size: 24px;
}
.single-product .product .woocommerce-Tabs-panel {
max-width: 90ch;
}
.single-product .product .price {
font-size: 18px;
}
.single-product .product .price .amount {
font-weight: 600;
}
.single-product .woocommerce-notices-wrapper {
margin-top: 2rem;
}
.wc-memberships-restriction-message {
text-align: center;
padding: 2rem 1rem;
background-color: #464646;
color: #fff;
}
.wc-memberships-restriction-message h2 {
font-size: 30px;
font-weight: 700;
}
.wc-memberships-restriction-message p {
margin-left: auto;
margin-right: auto;
}
.wc-memberships-restriction-message p a:hover, .wc-memberships-restriction-message p a:focus {
color: #dedede;
}
#mc_embed_signup .input-container {
width: 40%;
}
#mc_embed_signup .check_box_container {
width: 100%;
margin-top: 1rem;
display: flex;
flex-wrap: wrap;
}
#mc_embed_signup ul {
list-style: none;
margin: 10px 0;
text-align: left;
padding-left: 0px;
}
#mc_embed_signup p {
font-weight: bold;
font-size: 18px;
text-align: left;
}
@media all and (max-width: 781px) and (min-width: 600px) {
.wp-block-columns {
flex-wrap: wrap;
}
.wp-block-columns .wp-block-column {
display: block;
width: 100%;
flex-basis: 100% !important;
}
}
.wp-block-columns.alignfull .wp-block-column:not(:first-child) {
margin-left: 0px;
}
.wp-block-table figcaption {
margin-top: 0.5em;
}
.wp-block-group {
padding: calc(1rem + 1vw);
}
@media all and (max-width: 600px) {
.wp-block-group {
padding: 1vw;
}
}
.wp-block-group .wp-block-group__inner-container {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.wp-block-group .wp-block-group__inner-container > h2:first-child, .wp-block-group .wp-block-group__inner-container > h3:first-child, .wp-block-group .wp-block-group__inner-container > h4:first-child {
margin-top: 0px;
}
.wp-block-group .wp-block-group__inner-container > p {
max-width: 95ch;
}
@media all and (min-width: 600px) {
.wp-block-group .wp-block-group__inner-container > p {
padding: 0 2rem;
}
}
.wp-block-group .wp-block-group__inner-container > p.has-text-align-center {
margin-left: auto;
margin-right: auto;
}
.wp-block-group .wp-block-group__inner-container > * + * {
margin-top: 30px;
}
.wp-block-group ul li {
margin-bottom: 4px;
}
figure.wp-block-image {
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: 0;
margin-inline-end: 0;
}
.wp-block-cover__inner-container {
max-width: 1280px;
}
.wp-block-cover p.has-large-font-size {
font-variant-ligatures: none;
font-weight: 400;
font-size: 42px;
}
.wp-block-igoo-large-quote {
padding: 2rem;
}
.wp-block-igoo-large-quote span {
font-weight: 600;
letter-spacing: -0.4px;
}
.wp-block-igoo-large-quote blockquote {
margin-left: 0;
margin-bottom: 0.5rem;
}
.wp-block-igoo-large-quote blockquote p {
font-size: 26px;
}
.wp-block-gallery.is-cropped .blocks-gallery-item img {
max-height: 100%;
max-width: 100%;
}
.wp-block-gallery.alignfull .blocks-gallery-grid {
width: 100%;
}
.igoo-post-grid__img-wrap {
background-image: url(//abode-invest.com/wp-content/themes/igoo-learning-platform/assets/images/post_placeholder.png);
background-size: cover;
background-position: center;
}
.wp-block-file {
padding: 8px;
background: #e8e8e8;
width: 100%;
display: flex;
align-items: center;
margin-bottom: 0px;
max-width: 600px;
}
.wp-block-file + .wp-block-file {
margin-top: -3rem;
}
.wp-block-file:nth-child(2n) {
background: #fafafa;
}
.wp-block-file a {
position: relative;
font-weight: 600;
padding: 0.5em 1em;
}
.wp-block-file a::before {
content: "View ";
display: inline;
font-weight: 500;
}
.wp-block-file a::after {
content: "";
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='arrow-alt-to-right' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class=''%3E%3Cpath fill='currentColor' d='M448 88v336c0 13.3-10.7 24-24 24h-24c-13.3 0-24-10.7-24-24V88c0-13.3 10.7-24 24-24h24c13.3 0 24 10.7 24 24zM24 320h136v87.7c0 17.8 21.5 26.7 34.1 14.1l152.2-152.2c7.5-7.5 7.5-19.8 0-27.3L194.1 90.1c-12.6-12.6-34.1-3.7-34.1 14.1V192H24c-13.3 0-24 10.7-24 24v80c0 13.3 10.7 24 24 24z' %3E%3C/path%3E%3C/svg%3E");
background-size: 18px;
vertical-align: bottom;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
margin-left: 6px;
}
.wp-block-file a.wp-block-file__button {
margin-left: auto;
background-color: transparent;
font-size: 16px;
color: inherit;
border-radius: 0px;
}
.wp-block-file a.wp-block-file__button::before {
content: none;
}
.wp-block-file a.wp-block-file__button:visited {
color: inherit;
}
.wp-block-file a.wp-block-file__button::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 29.978 29.978' style='enable-background:new 0 0 29.978 29.978;' xml:space='preserve' width='512px' height='512px'%3E%3Cpath d='M25.462,19.105v6.848H4.515v-6.848H0.489v8.861c0,1.111,0.9,2.012,2.016,2.012h24.967c1.115,0,2.016-0.9,2.016-2.012 v-8.861H25.462z' fill='%23000'/%3E%3Cpath d='M14.62,18.426l-5.764-6.965c0,0-0.877-0.828,0.074-0.828s3.248,0,3.248,0s0-0.557,0-1.416c0-2.449,0-6.906,0-8.723   c0,0-0.129-0.494,0.615-0.494c0.75,0,4.035,0,4.572,0c0.536,0,0.524,0.416,0.524,0.416c0,1.762,0,6.373,0,8.742   c0,0.768,0,1.266,0,1.266s1.842,0,2.998,0c1.154,0,0.285,0.867,0.285,0.867s-4.904,6.51-5.588,7.193   C15.092,18.979,14.62,18.426,14.62,18.426z' fill='%23000'/%3E%3C/svg%3E");
}
.wp-block-file a:hover, .wp-block-file a:focus {
color: #fff;
background-color: #464646;
}
.wp-block-file a:hover:after, .wp-block-file a:focus:after {
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='arrow-alt-to-right' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class=''%3E%3Cpath fill='%23fff' d='M448 88v336c0 13.3-10.7 24-24 24h-24c-13.3 0-24-10.7-24-24V88c0-13.3 10.7-24 24-24h24c13.3 0 24 10.7 24 24zM24 320h136v87.7c0 17.8 21.5 26.7 34.1 14.1l152.2-152.2c7.5-7.5 7.5-19.8 0-27.3L194.1 90.1c-12.6-12.6-34.1-3.7-34.1 14.1V192H24c-13.3 0-24 10.7-24 24v80c0 13.3 10.7 24 24 24z' %3E%3C/path%3E%3C/svg%3E");
}
.wp-block-file a:hover.wp-block-file__button::after, .wp-block-file a:focus.wp-block-file__button::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 29.978 29.978' style='enable-background:new 0 0 29.978 29.978;' xml:space='preserve' width='512px' height='512px'%3E%3Cpath d='M25.462,19.105v6.848H4.515v-6.848H0.489v8.861c0,1.111,0.9,2.012,2.016,2.012h24.967c1.115,0,2.016-0.9,2.016-2.012   v-8.861H25.462z' fill='%23fff'/%3E%3Cpath d='M14.62,18.426l-5.764-6.965c0,0-0.877-0.828,0.074-0.828s3.248,0,3.248,0s0-0.557,0-1.416c0-2.449,0-6.906,0-8.723   c0,0-0.129-0.494,0.615-0.494c0.75,0,4.035,0,4.572,0c0.536,0,0.524,0.416,0.524,0.416c0,1.762,0,6.373,0,8.742   c0,0.768,0,1.266,0,1.266s1.842,0,2.998,0c1.154,0,0.285,0.867,0.285,0.867s-4.904,6.51-5.588,7.193   C15.092,18.979,14.62,18.426,14.62,18.426z' fill='%23fff'/%3E%3C/svg%3E");
}
.igoo-post-grid__post {
position: relative;
}
.igoo-post-grid__post:before {
position: absolute;
content: "";
outline: 2px solid #ccc;
outline-offset: 3px;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
transition: all 0.45s cubic-bezier(0, 0.5, 0.5, 1);
opacity: 0;
}
.igoo-post-grid__post:hover::before, .igoo-post-grid__post:focus::before {
opacity: 1;
}
.igoo-post-grid__post:hover h3, .igoo-post-grid__post:focus h3 {
color: #0031ef;
}
.igoo-post-grid__post h3 {
min-height: 2em;
font-size: 24px;
}
.post-type-archive-product h1 {
margin-bottom: 0px;
margin-top: 3rem;
}
.post-type-archive-product--toolbar {
display: flex;
align-items: center;
justify-content: space-between;
}
.post-type-archive-product ul.products {
display: grid;
gap: 2rem;
column-gap: 2rem;
list-style: none;
padding-left: 0px;
}
.post-type-archive-product ul.products.columns-4 {
grid-template-columns: 25% 25% 25% 25%;
}
.post-type-archive-product ul.products.columns-3 {
grid-template-columns: 33% 33% 33%;
}
.post-type-archive-product .add_to_cart_button {
display: flex;
}
.post-type-archive-product .add_to_cart_button:hover, .post-type-archive-product .add_to_cart_button:focus {
background-color: #0031ef;
}
.post-type-archive-product .woocommerce-loop-product__title {
font-weight: 600;
font-size: 18px;
}
.post-type-archive-product .woocommerce-loop-product__title,
.post-type-archive-product .price,
.post-type-archive-product .add_to_cart_button {
margin: 10px 0px;
}
.post-type-archive-product .woocommerce-loop-product__link:hover,
.post-type-archive-product .woocommerce-loop-product__link:focus {
color: #0031ef;
}
.home .content {
margin-top: 0px;
}
.home .igoo-hero-cover {
padding-bottom: 62.25%;
margin-bottom: 60px;
}
@media (min-width: 500px) {
.home .igoo-hero-cover {
padding-bottom: 40.25%;
}
}
@media (min-width: 782px) {
.home .igoo-hero-cover {
padding-bottom: 30.25%;
}
}
.home .igoo-hero-cover .igoo-hero-cover-inner {
padding-left: 20%;
}
@media (min-width: 782px) {
.home .igoo-hero-cover .igoo-hero-cover-inner {
padding-left: 33%;
}
}
.home .igoo-hero-cover .igoo-hero-cover-inner h1 {
color: #fff;
font-size: calc(35px + 0.03 * (100vw - 320px));
text-align: right;
font-weight: 500;
margin-top: 60px;
line-height: 1.1;
}
.dashboard {
display: grid;
grid-template-columns: 220px auto calc(10px + 2vw);
grid-template-rows: 70px auto 70px;
}
.dashboard > header,
.dashboard > footer {
grid-column-start: 1;
grid-column-end: 4;
}
.dashboard aside {
grid-column-start: 1;
background-color: #dedede;
padding-top: 2rem;
}
.dashboard aside ul {
display: flex;
flex-direction: column;
align-items: center;
margin: 0;
padding: 0;
width: 100%;
}
.dashboard aside li {
text-align: left;
background: transparent;
list-style: none;
width: 100%;
}
.dashboard aside a {
padding: 16px;
text-align: left;
background: transparent;
display: block;
width: 100%;
}
.dashboard aside a:hover, .dashboard aside a:focus {
background-color: #464646;
color: #fff;
}
.dashboard aside .is-active a {
font-weight: 600;
}
.dashboard .content {
grid-column-start: 2;
}
.single .metadata p + p {
margin-top: -6px;
}
.single .metadata--key {
color: #464646;
font-weight: 600;
}
.woocommerce-account .content {
display: block;
margin-bottom: 0px;
margin-top: 0px;
}
.woocommerce-account .woocommerce {
display: grid;
margin-top: 0px;
grid-template-columns: 220px auto calc(10px + 2vw);
height: 100%;
min-height: 65vh;
}
.woocommerce-account.woocommerce-login .woocommerce > * {
grid-column-start: 2;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
background-color: #dedede;
padding-top: 2rem;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
display: flex;
flex-direction: column;
align-items: center;
margin: 0;
padding: 0;
width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
text-align: left;
background: transparent;
list-style: none;
width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation a {
padding: 16px;
text-align: left;
background: transparent;
display: block;
width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation a:hover, .woocommerce-account .woocommerce-MyAccount-navigation a:focus {
background-color: #464646;
color: #fff;
}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a {
font-weight: 600;
}
.woocommerce-account .woocommerce-MyAccount-content {
padding: 2rem 0 2rem 2rem;
}
.woocommerce-account .woocommerce-Message--info .woocommerce-Button {
display: block;
max-width: 200px;
margin-bottom: 1rem;
}
div.woocommerce {
margin-top: 3rem;
}
.woocommerce-cart .woocommerce {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.woocommerce-cart-form {
width: 65%;
}
.woocommerce-cart .cart-collaterals {
width: 30%;
}
.woocommerce-cart .cart-collaterals .cart_totals {
background: #f9f9f9;
padding: 1rem;
}
.woocommerce-cart .cart-collaterals .cart_totals table, .woocommerce-cart .cart-collaterals .cart_totals tr, .woocommerce-cart .cart-collaterals .cart_totals th {
background: none;
border-width: 0px;
color: #464646;
}
.woocommerce-cart .cart-collaterals .cart_totals tr td {
border-right: none;
}
.woocommerce-cart .cart-collaterals .cart_totals .order-total th, .woocommerce-cart .cart-collaterals .cart_totals .order-total td {
border-top: 2px solid #464646;
}
.woocommerce-cart .cart-collaterals h2 {
font-size: 20px;
}
.woocommerce-cart .cart-collaterals .checkout-button {
display: inline-block;
height: 47px;
line-height: 2;
}
.woocommerce-cart h1 {
width: 100%;
}
.woocommerce-cart .update-cart {
margin-bottom: 2rem;
height: 47px;
}
.woocommerce-cart .coupon {
max-width: 550px;
display: flex;
align-items: center;
}
.woocommerce-cart .coupon .button {
height: 47px;
margin-bottom: 10px;
margin-left: 10px;
}
.woocommerce-cart .coupon .input-container {
width: 60%;
max-width: 300px;
margin-right: 1rem;
}
.woocommerce-cart .product-thumbnail {
max-width: 75px;
border-right: none;
}
.woocommerce-cart .product-thumbnail img {
max-height: 100%;
height: auto;
width: auto;
}
.woocommerce-notices-wrapper {
width: 100%;
}
.woocommerce-notices-wrapper .woocommerce-message {
padding: 1rem;
background-color: #dedede;
margin-bottom: 1rem;
}
.woocommerce-notices-wrapper .wc-forward {
float: right;
position: relative;
top: -0.5rem;
}
.woocommerce-info {
width: 100%;
}
p.cart-info {
max-width: 100%;
}
.return-to-shop {
margin: 1rem 0;
width: 100%;
}
.woocommerce-checkout .woocommerce h3 {
font-size: 24px;
margin-bottom: 1rem;
}
.woocommerce-checkout .woocommerce-checkout {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.woocommerce-checkout .woocommerce-checkout .woocommerce-error {
width: 100%;
background-color: #cc6700;
padding: 1rem;
color: white;
margin-bottom: 1rem;
}
.woocommerce-checkout #customer_details {
width: 60%;
}
.woocommerce-checkout .order-review {
width: 35%;
padding: 1rem;
background: #f9f9f9;
}
.woocommerce-checkout .form-row input::placeholder, .woocommerce-checkout .form-row textarea::placeholder {
opacity: 0;
}
.woocommerce-checkout .woocommerce-additional-fields {
margin-top: 2rem;
}
.woocommerce-checkout .button {
display: inline-block;
height: 47px;
line-height: 2;
}
.woocommerce-checkout .wc_payment_methods {
padding-left: 0px;
list-style: none;
}
.woocommerce-checkout .wc_payment_methods li div.sv-wc-payment-gateway-card-icons {
margin-left: 0px;
}
.woocommerce-terms-and-conditions-wrapper {
font-size: 14px;
margin-bottom: 1rem;
}
.woocommerce-form-coupon {
display: block !important;
}
.woocommerce-LostPassword {
margin-top: 2rem;
margin-bottom: 2rem;
font-size: 14px;
}
.wc_payment_method .form-row label {
position: static;
}
.wc_payment_method img {
display: inline;
}
.woocommerce-order .woocommerce-thankyou-order-received {
font-size: calc(24px + 0.015 * (100vw - 320px));
font-weight: 700;
}
.woocommerce-order .woocommerce-order-details {
border-top: 1px solid;
margin-top: 1.5rem;
padding-top: 1.5rem;
}
.woocommerce-order .woocommerce-customer-details p + p {
margin-top: 0px;
}