.dnd-icon-remove.deleting { font-size:12px; color:#000; font-weight: 500; position: relative; top:-3px; }
.dnd-icon-remove.deleting:after { display:none!important; }
.wpcf7-drag-n-drop-file.d-none {
display:none;
opacity:0;
visibility:hidden;
position:absolute;
top:0;
} .dnd-upload-status {
display:flex;
padding:4px 0;
align-items:center;
position:relative;
} .dnd-upload-status .dnd-upload-image {
width:40px;
height:40px;
border:1px solid #a5a5a5;
text-align:center;
border-radius:100%;
position:relative;
}
.dnd-upload-status .dnd-upload-image span.file {
background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='23' viewBox='0 0 18 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.569 0.659576H0.5V23H18V6.09053L12.569 0.659576ZM12.7872 1.93075L16.7288 5.87234H12.7872V1.93075ZM1.24468 22.2553V1.40426H12.0426V6.61702H17.2553V22.2553H1.24468Z' fill='%235C5B5B'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-size: 100%;
height: 21px;
width: 16px;
display: block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-moz-transform : translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
} .dnd-upload-status .dnd-upload-details {
padding-left:10px;
width: calc(100% - 40px);
}
.dnd-upload-status .dnd-upload-details .name {color:#016d98; padding:4px 0; padding-right:60px; display:flex; }
.dnd-upload-status .dnd-upload-details .name span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; padding-right:10px; }
.dnd-upload-status .dnd-upload-details .name em {color:#444242;	font-weight:700; } .dnd-upload-status .dnd-upload-details .remove-file {
position:absolute;
right:0;
top:10px;
text-decoration:none;
box-shadow:none;
outline:none;
opacity:1;
}
.dnd-upload-status .dnd-upload-details .remove-file span:after {
content: '';
width:15px;
height:15px;
display: block;
background-repeat:no-repeat;
background-size:100%;
background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 0C7.83499 0 0 7.83499 0 17.5C0 27.165 7.83499 35 17.5 35C27.165 35 35 27.165 35 17.5C34.9888 7.83965 27.1604 0.0112198 17.5 0ZM17.5 33.871C8.45857 33.871 1.12903 26.5414 1.12903 17.5C1.12903 8.45857 8.45857 1.12903 17.5 1.12903C26.5414 1.12903 33.871 8.45857 33.871 17.5C33.861 26.5373 26.5373 33.861 17.5 33.871Z' fill='black'/%3E%3Cpath d='M25.4834 9.51661C25.2629 9.29624 24.9056 9.29624 24.6852 9.51661L17.5 16.7018L10.3148 9.51661C10.0983 9.29236 9.74087 9.28615 9.51661 9.50271C9.29236 9.71927 9.28615 10.0767 9.50271 10.3009C9.50723 10.3057 9.51188 10.3103 9.51661 10.3148L16.7018 17.5L9.51661 24.6852C9.29236 24.9018 9.28615 25.2591 9.50278 25.4834C9.71941 25.7076 10.0768 25.7139 10.301 25.4972C10.3057 25.4927 10.3103 25.488 10.3148 25.4834L17.5 18.2982L24.6852 25.4834C24.9094 25.7 25.2668 25.6938 25.4834 25.4696C25.6947 25.2508 25.6947 24.9039 25.4834 24.6852L18.2982 17.5L25.4834 10.3148C25.7038 10.0944 25.7038 9.73705 25.4834 9.51661Z' fill='black'/%3E%3C/svg%3E%0A");
}
.dnd-upload-status.in-progress .remove-file { opacity:0.2;}
.dnd-upload-status .dnd-upload-details span.has-error { color:#f50505; } .dnd-upload-status .dnd-upload-details .dnd-progress-bar {
display: block;
border-radius: 5px;
overflow: hidden;
background: #565555;
height: 14px;
}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
background: #4CAF50;
display: block;
font-size: 11px;
text-align: right;
color: #fff;
height: 100%;
width:0;
line-height:14px;
}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span.complete { width:100%!important; padding-right:5px; }
.dnd-upload-counter { position:absolute; right:5px; bottom:3px; font-size:12px; } .codedropz-upload-handler {
border:2px dashed #c5c5c5;
border-radius:5px;
margin-bottom:10px;
position:relative;
}
.codedropz-upload-container {
padding:15px 20px;
}
.codedropz-upload-inner {
overflow:hidden;
width:100%; text-align:center;
text-overflow: ellipsis;
font-weight:inherit;
}
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
text-decoration:none;
box-shadow:none;
}
.codedropz-upload-inner h3 {
margin:5px 0;
font-size:30px;
line-height:32px;
word-break:break-word;
} .codedropz-dragover {
border-color:#6b6a6a;
}
.codedropz-upload-wrapper span.has-error-msg {
display:inline-block;
color:#ff0000;
padding:5px 0;
font-style:italic;
} .wpcf7-form label.error-new {
color: #900;
font-size: 11px;
float: none;
padding-left: 5px;
}
.wpcf7-form .codedropz-upload-wrapper.invalid .codedropz-upload-handler{
border-bottom-color: #900;
border-bottom-style: solid;
} @media screen and (max-width: 767px) {
.dnd-upload-status .dnd-upload-details .name em { font-weight:normal; }
.dnd-upload-status .dnd-upload-details .name { padding-right:60px; }
.codedropz-upload-inner h3 { font-size:22px; }
}.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.spu-box,
.spu-box *{
box-sizing: border-box;
}
.wppopups-whole{
position: relative;
width: 100%;
left: 0;
top: 0;
z-index: 999998;
display: flex;
align-items: center;
justify-content: center;
}
.spu-bg{
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: none;
z-index: 99999;
}
.spu-box:before,
.spu-box:after {
content:"";
display:table;
}
.spu-box:after {
clear:both;
}
.spu-box {
zoom:1;
}
.spu-box {
position:fixed;
z-index: 999999;
width: 100%;
max-height: 100vh;
}
.spu-box img{
max-width: 100%;
height: auto;
}
.spu-box img.aligncenter {
clear: both;
display: block;
margin: 0 auto;
} .spu-box.spu-position-top-left{
top: 0; left: 0; bottom: auto; right: auto;
}
.spu-box.spu-position-top-right{
top: 0; right: 0; bottom: auto; left: auto;
}
.spu-box.spu-position-top-center{
top: 0; right: auto; bottom: auto; left: auto;
}
.spu-box.spu-position-bottom-left{
bottom: 0; left: 0; top: auto; right: auto;
}
.spu-box.spu-position-bottom-right{
bottom: 0; right: 0; top: auto; left: auto;
}
.spu-box.spu-position-bottom-center{
top: auto; right: auto; bottom: 0; left: auto;
}
.spu-box.spu-position-top-bar,
.spu-box.spu-position-bottom-bar{
margin: 0;
width: 100% !important;
max-width: 100% !important;
position: fixed;
}
.spu-box.spu-position-top-bar{
top: 0;
}
.spu-box.spu-position-bottom-bar{
bottom: 0;
}
.spu-box.spu-position-bottom-bar .spu-content .spu-fields-container,
.spu-box.spu-position-top-bar .spu-content .spu-fields-container{
padding: 0;
}
.spu-box.spu-position-bottom-bar .spu-content,
.spu-box.spu-position-top-bar .spu-content {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100% !important;
}
.spu-box.spu-position-bottom-bar .spu-content > *,
.spu-box.spu-position-top-bar .spu-content > *{
margin-left: 20px;
margin-bottom: 0;
}
.spu-box.spu-position-bottom-bar .spu-content .spu-optin-form,
.spu-box.spu-position-top-bar .spu-content label.spu-fields.spu-gdpr,
.spu-box.spu-position-bottom-bar .spu-content label.spu-fields.spu-gdpr,
.spu-box.spu-position-top-bar .spu-content .spu-optin-form {
display: inline-flex;
margin-bottom: 0;
}
.spu-box.spu-position-top-bar .spu-content .spu-optin-fields,
.spu-box.spu-position-bottom-bar .spu-content .spu-optin-fields,
.spu-box.spu-position-top-bar .spu-content label.spu-fields.spu-gdpr,
.spu-box.spu-position-bottom-bar .spu-content label.spu-fields.spu-gdpr{
margin-bottom: 0;
}
.spu-box.spu-position-bottom-bar .spu-content label.spu-fields.spu-gdpr ,
.spu-box.spu-position-top-bar .spu-content label.spu-fields.spu-gdpr {
margin-left: 20px;
margin-bottom: 0;
}
.spu-box.spu-position-bottom-bar .spu-content .spu-optin-fields .spu-fields ,
.spu-box.spu-position-top-bar .spu-content .spu-optin-fields .spu-fields {
min-width: 250px;
}
.spu-box.spu-position-bottom-bar .spu-content button.spu-fields.spu-submit ,
.spu-box.spu-position-top-bar .spu-content button.spu-fields.spu-submit {
width: 120px;
margin-left: 20px;
} .spu-close{
position:absolute;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
line-height: .5;
text-decoration: none;
cursor: pointer;
z-index: 9999;
}
html .spu-box a.spu-close {
text-decoration: none;
}
.spu-close-top_right{
right:8px;
top:5px;
}
.spu-close-top_left{
left:8px;
top:5px;
}
.spu-close-bottom_right{
right:8px;
bottom:5px;
}
.spu-close-bottom_left{
left:8px;
bottom:5px;
}
.spu-close:hover,
.spu-close:focus {
text-decoration: none;
display: block;
} p.spu-powered {
position: absolute;
bottom: -55px;
width: 100%;
text-align: center;
color: #fff;
left: 0px;
}
p.spu-powered a{
color: #ccc;
text-decoration: underline;
}
.spu-box.spu-scrollable p.spu-powered {
display: none;
} .spu-addon-container {
text-align: center;
margin: 36px 32px 44px;
}
.spu-addon-container:after {
clear: both;
content: " ";
display: table;
}
.spu-addon-title {
font-size: 24px;
}
.spu-addon-msg {
font-size: 17px;
}
.spu-input-text {
background-color: #fff;
width: 49%;
height: 44px;
border: 1px solid #cdd1d4;
-webkit-box-shadow: 0 0 6px -3px rgba(0,0,0,0.8) inset;
-moz-box-shadow: 0 0 6px -3px rgba(0,0,0,0.8) inset;
box-shadow: 0 0 6px -3px rgba(0,0,0,0.8) inset;
border-radius: 3px;
font-size: 18px;
line-height: 38px;
padding: 4px 6px;
overflow: hidden;
outline: none;
margin: 0;
vertical-align: middle;
}
.spu-button {
display: block;
-webkit-box-shadow: 0 1px 1px -1px #fff inset;
-moz-box-shadow: 0 1px 1px -1px #fff inset;
box-shadow: 0 1px 1px -1px #fff inset;
-webkit-text-shadow: #888 -0 0 1px;
-moz-text-shadow: #888 -0 0 1px;
text-shadow: #888 0 0 1px;
font-size: 15px;
padding: 10px 12px;
line-height: 24px;
text-align: center;
vertical-align: middle;
cursor: pointer;
text-decoration: none;
margin: 0;
height: auto;
width: 35%;
border: 0;  
}
.spu-button-bg {
width: 100% !important;
}
.spu-inline {
display: inline-block !important;
}
.spu-errors {
color: red;
text-align: center;
margin-top: 20px;
} .spu-optin-form .spu-helper-fields{
display: none;
}
.spu-fields-container{
padding: 36px 32px 44px;
position: relative;
}
.spu-fields.spu-name,
.spu-fields.spu-email{
background-color: #fff;
width: 100%;
height: 48px;
border: 1px solid #cdd1d4;
-webkit-box-shadow: 0 0 6px -3px rgba(0,0,0,0.8) inset;
-moz-box-shadow: 0 0 6px -3px rgba(0,0,0,0.8) inset;
box-shadow: 0 0 6px -3px rgba(0,0,0,0.8) inset;
border-radius: 3px;
font-size: 18px;
line-height: 38px;
padding: 4px 6px;
overflow: hidden;
outline: none;
margin: 0 0 20px 0;
vertical-align: middle;
display: block;
}
.spu-fields.spu-submit{
background: #50bbe8;
border: 1px solid #429bc0;
-webkit-box-shadow: 0 1px 1px -1px #fff inset;
-moz-box-shadow: 0 1px 1px -1px #fff inset;
box-shadow: 0 1px 1px -1px #fff inset;
-webkit-text-shadow: #888 -0 0 1px;
-moz-text-shadow: #888 -0 0 1px;
text-shadow: #888 -0 0 1px;
width: 24%;
color: #fff;
font-size: 16px;
padding: 10px 6px;
line-height: 24px;
text-align: center;
vertical-align: middle;
cursor: pointer;
display: inline;
margin: 0;
height: auto;
}
.spu-fields.spu-submit i{
display: none;
}
.spu-optin-fields {
display: block;
}
.spu-optin-fields.spu-inline-fields {
display: flex;
margin-bottom: 20px;
}
.spu-optin-fields.spu-inline-fields .spu-fields{
margin-bottom: 0px;
}
.spu-optin-fields.spu-inline-fields .spu-fields.spu-name {
margin-right: 20px;
}
.spu-fields.spu-email{
margin-right: 0;
}
.spu-fields.spu-submit {
width: 100%;
max-width: 100%;
}
.spu-fields.spu-submit span{
transition: all 1s;
opacity:1;
}
.spu-fields.spu-submit svg{
display:none;
margin:0 auto;
transition: all 1s;
}
.spu-fields.spu-submit svg path,
.spu-fields.spu-submit svg rect{
fill: #fff;
}
.spu-fields.spu-submit.spu-sending span{
display: none;
opacity: 0;
}
.spu-fields.spu-submit.spu-sending svg{
display: block;
opacity: 1;
}
.optin-errors {
color: red;
text-align: center;
margin-top: 20px;
} span.spu-timer {
position: absolute;
bottom: 0px;
left: 0px;
font-size: 12px;
position: absolute;
width: 100%;
text-align: right;
padding: 0 10px;
}
@media all and (max-width: 568px){
.spu-box{
max-width: 90vw !important;
}
.spu-box.spu-position-fullscreen,
.spu-box.spu-position-top-bar,
.spu-box.spu-position-bottom-bar{
max-width: 100vw !important;
}
.spu-box.spu-position-bottom-bar .spu-content,
.spu-box.spu-position-top-bar .spu-content {
flex-flow: column;
}
.pop-up-text2{
margin-bottom: 25px !important;
}
}article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
height: auto;
} audio,
canvas,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  a {
background: transparent;
} a:focus {
outline: thin dotted;
} a:active,
a:hover {
outline: 0;
}  h1 {
font-size: 2em;
margin: 0.67em 0;
} abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
} mark {
background: #ff0;
color: #000;
} code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
} pre {
white-space: pre-wrap;
} q {
quotes: "\201C" "\201D" "\2018" "\2019";
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 0;
}  fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } button,
input,
select,
textarea {
font-family: inherit; font-size: 100%; margin: 0; } button,
input {
line-height: normal;
} button,
select {
text-transform: none;
} button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
} input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} textarea {
overflow: auto; vertical-align: top; }  table {
border-collapse: collapse;
border-spacing: 0;
}.spu-open-689 {
background-color: #070;
border-radius: 4px;
}
#recaptcha {
margin: 0;
}
#wpcf7-f642-o1 {
background: #e6e6e6;
padding: 10px 20px;
border: 1px solid #070;
border-radius: 4px;
max-width: 400px;
box-shadow: 0 0 1px 0px rgba(0,0,0,0.35);
}
#wpcf7-f642-o1 p {
color: #070;
}
#wpcf7-f642-o1 input,
#wpcf7-f642-o1 textarea {
border-color: #070;
}
#wpcf7-f642-o1 .cd-upload-btn {
color: #070;
} *,
*:after,
*:before {
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
} html {
font-size: 100%;
font-family: "Segoe UI", Roboto, Helvetica, sans-serif;
}
body {
color:#444;
background: #fff url(//jessica.valoismassage.ca/wp/wp-content/uploads/2024/10/body-bg.png) repeat;
} .clear:before,
.clear:after {
content:' ';
display:table;
}
.clear:after {
clear:both;
}
.clear {
*zoom:1;
}
img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
a {
color:#822;
text-decoration:none;
}
a:hover {
text-decoration: underline;
}
a:focus {
outline:0;
}
a:hover,
a:active {
outline:0;
}
input:focus {
outline:0;
border:1px solid #04A4CC;
}
h1, h3, h4 {
margin: 1px;
}
ul {
margin: 0.25em;
padding: 0.125em 0.25em;
list-style: none;
}
section br {
display: none;
}
p {
margin: 5px;
}  .wrapper {
max-width:1280px;
width:95%;
margin:0 auto;
position:relative;
} .header {
width: inherit;
max-width: 80em;
} .nav {
position: fixed;
width: inherit;
max-width: 80em;
padding: 0.125em;
font-variant: small-caps;
background-color: #600;
background-color: rgba(102, 0, 0, 0.95);
border-radius: 0 0 2px 2px;
box-shadow: 0 0 3px 0 rgba(26, 26, 26, 0.6);
z-index: 100;
}
nav li {
display: inline-block;
padding: 2px 1px;
font-size: 0.938em;
}
.nav a { color: #fdb;
padding: 0 2px;
}
.nav a:hover {
text-decoration: none;
}
.sub-menu {
margin: 0 0.25em 0 -0.5em;
padding: 0;
}
.svc-link {
font-size: 1em;
}
.svc-menu i, .svc-menu span {
display: none;
}
.svc-link a:hover {
border: 1px #fdb solid;
border-radius: 4px;
text-decoration: none;
} #menu-item-26 a {
padding: 0 4px;
color: #600;
background-color: #fdb;
border: 1px #fdb solid;
border-radius: 4px;
}
#menu-item-26 a:hover {
background-color: #fed;
text-decoration: none;
} #menu-item-27 a {
padding: 0 4px;
color: #ddd;
background-color: #1a1a1a;
border: 1px #ccc solid;
border-radius: 4px;
}
#menu-item-27 a:hover {
color: #fff;
background-color: #000;
border-color: #fff;
text-decoration: none;
}  #hdr-grid {
padding: 3em 0 0;
background: url(//jessica.valoismassage.ca/wp/wp-content/uploads/2024/10/header-bg.png) top left repeat-x;
background-size: contain;
}
#hdr-flex {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: flex-start;
width: auto;
max-width: 39.938em;
min-height: 11.5em;
}
#hdr-flex div {
margin: 3px 0;
padding: 2px 0;
border-radius: 4px;
}
#ret-note-link {
font: 600 14px Muli;
width: 150px;
text-align: center;
background-color: #c99;
background-image: linear-gradient(rgba(255, 238, 221, 0.75), rgb(246, 200, 138, 0.75));
color: #900;
border: 2px #900 solid;
text-shadow: 0 1px 3px rgba(102, 0, 0, 0.25);
box-shadow: 0px 0px 3px 0px rgba(102, 0, 0, 0.5);
}
#hdr-flex h1 {
padding: 0 4px;
color: #600;
font: 800 2.6em Muli, Roboto, "Segoe UI", Helvetica, sans-serif;
letter-spacing: 1px;
}
#hdr-flex h3 {
padding: 0 4px;
color: #600;
font: 600 1.25em Muli, Roboto, "Segoe UI", Helvetica, sans-serif;
}
.name, .business {
text-shadow: 0 0 4px rgba(102, 0, 0, 0.33);
background-color: #eee;
background-color: rgba(255, 255, 255, 0.25);
border: #600 1px solid;
border-color: rgba(102, 0, 0, 0.267);
text-align: center;
}
.location {
display: flex;
flex-flow: column nowrap;
width: 85%;
align-items: center;
padding-top: 0px;
text-align: left;
}
.location ul {
margin: 3px 0;
width: 95%;
max-width: 18em;
padding: 3px;
color: #fff;
background-color: #861203;
background-color: rgba(134, 18, 3, 0.102);
border: #600 1px solid;
border-color: rgba(102, 0, 0, 0.267);
border-radius: 4px;
}
.location li {
padding: 1px 4px;
color: #600;
font-size: 0.875em;
font-variant: small-caps;
letter-spacing: 2px;
line-height: 1.15;
text-shadow: 0 1px 3px rgba(102, 0, 0, 0.33);
}
#line-art img {
max-width: 160px;
height: auto;
} .popup {
position: relative;
top: -0.5em;
cursor: pointer;
color: #600;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-family: sans-serif;
font-size: 0.875em;
text-align: center;
}
.popup span {
font-variant: small-caps;
}
.popup span:hover {
text-decoration: underline;
} .popup .popuptext {
visibility: hidden;
width: 220px;
background: #fff3e9;
background-color: rgba(255,241,231,0.5);
color: #600;
text-align: center;
font-size: 0.875em;
border-width: 1px;
border-style: dotted;
border-radius: 6px;
padding: 8px 0;
position: relative;
z-index: 1;
box-shadow: 0px 0px 2px 0px #600;
}  .popup .show {
visibility: visible;
-webkit-animation: fadeIn 1s;
animation: fadeIn 1s;
} @-webkit-keyframes fadeIn {
from {opacity: 0;} 
to {opacity: 1;}
}
@keyframes fadeIn {
from {opacity: 0;}
to {opacity:1 ;}
} #welcome {
margin: 0 auto;
height: auto;
padding: 0 5px;
text-align: center;
}
#welcome div {
margin: 0 auto;
max-width: 60em;
}
#welcome h3 {
display: inline-block;
color: #600;
color: rgba(102, 0, 0, 0.6);
padding: 0.25em;
font-size: 1.25em;
font-weight: 300;
font-variant: small-caps;
letter-spacing: 5px;
text-shadow: 0 0 2px rgba(102, 0, 0, 0.4);
border-bottom: #600 1px solid;
border-bottom-color: rgba(102, 0, 0, 0.6);
border-radius: 8px;
}
#welcome div > p {
margin: 0 auto;
padding: 0.75em 0 0.5em 0;
color: #600;
color: rgba(102, 0, 0, 0.6);
font: 300 1em Muli, Roboto, "Segoe UI", Helvetica, sans-serif;
line-height: 1.5;
letter-spacing: 4px;
text-shadow: 1px 1px 2px rgba(102, 0, 0, 0.4);
}
#services {
padding-top: 1em;
}
#services .container {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin: 0 auto;
width: 100%;
height: auto;
padding: 2px;
background-color: #eeeeee80;
border: #600 1px solid;
border-color: rgba(102, 0, 0, 0.25);
border-radius: 4px;
}
#services .item {
margin: 4px auto;
flex-basis: auto;
max-width: 28.5em;
min-height: 18em;
padding: 2px;
text-align: center;
border: #600 1px solid;
border-color: rgba(102, 0, 0, 0.35);
border-radius: 4px;
box-shadow: 0px 0px 3px 0px rgba(102, 0, 0, 0.25);
} #services .laser {
background: #fed url(//jessica.valoismassage.ca/wp/wp-content/uploads/2024/10/laser-wand.png) center top no-repeat;
background-color: rgba(255, 238, 221, 0.4);
background-size: contain;
}
#services .cupping {
background: #fed url(//jessica.valoismassage.ca/wp/wp-content/uploads/2024/10/cupping.png) center top no-repeat;
background-color: rgba(255, 238, 221, 0.4);
background-size: contain; } #services .grace {
background: #fed url(//jessica.valoismassage.ca/wp/wp-content/uploads/2024/10/grace.png) center top no-repeat;
background-color: rgba(255, 238, 221, 0.4);
background-size: contain;
border: #808080 1px solid;
border-color: rgba(0, 0, 0, 0.35);
box-shadow: 0px 0px 3px 0px rgba(51, 153, 51, 0.5);
}
#services .item-content {
display: flex;
height: 100%;
flex-flow: column nowrap;
justify-content: space-between;
align-content: center;
margin: 0 3px;
}
#services .item-content > p {
position: relative;
top: 2.5em;
margin: 0;
font-size: 0.938em;
line-height: 1.5;
}
#services .item-benefits {
margin: 0 auto;
margin-top: 1.25em;
padding: 1em 0;
width: 90%;
font: 300 0.938em Muli, Arial, Helvetica, sans-serif;
line-height: 1.5;
} #services h3 {
display: inline-block;
position: relative;
top: -2px;
margin: 0 auto;
padding: 2px 5px;
color: #600;
background-color: #eee;
background-color: rgba(255, 255, 255, 0.65);
font-size: 1.25em;
font-weight: 300;
font-variant: small-caps;
letter-spacing: 2px;
text-shadow: 0 0 3px rgba(102, 0, 0, 0.75);
border: #faa34c 1px solid;
border-color: rgba(250, 163, 76, 0.5);
border-top: 0;
border-radius: 0 0 4px 4px;
box-shadow: 0px 1px 2px 0px rgba(102, 0, 0, 0.5);
}
#services .grace h3 {
color: #eee;
background-color: rgba(0, 0, 0, 0.65);
text-shadow: 0 0 2px rgba(255, 255, 255, 0.75);
border: #eee 1px solid;
border-color: rgba(238, 238, 238, 0.75);
border-top: 0;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
}
#services .title {
position: relative;
top: -0.25em;
display: inline-block;
margin: 0 auto;
padding: 2px 10px;
background: #808080;
background-color: rgba(0, 0, 0, 0.5);
border: #eee 1px solid;
border-color: rgba(238, 238, 238, 0.75);
border-radius: 4px;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
}
#services .title hr {
margin: 2px auto;
color: #ccc;
}
#services h5, h6 {
color: #ddd;
font-weight: 400;
margin: 3px 0;
font-size: 0.825em;
text-shadow: 0 0 2px #000;
}
#services h5 > span {
font-weight: bold;
letter-spacing: 1px;
}
.link {
display: inline-block;
margin: 0.375em auto;
padding: 0 4px 4px;
color: #fdb;
background: #600;
background-color: rgba(102, 0, 0, 0.85);
font: 700 0.875em 'Muli', "Segoe UI", Helvetica, sans-serif; 
font-variant: small-caps;
line-height: 1.5;
border-radius: 4px;
}
.link-gc {
color: #eee;
background: #333;
background-color: rgba(0, 0, 0, 0.85);
}
#about {
margin-top: 0.625em;
height: auto;
text-align: center;
}
#about .content {
display: flex;
flex-direction: column;
padding: 0.5em 0.25em;
background: #600 url(//jessica.valoismassage.ca/wp/wp-content/uploads/2024/10/about-bg.png) center top no-repeat;
background-size: cover;
border-radius: 4px;
}
#about h2 {
margin: 0.25em auto;
display: inline-block;
padding: 0 10px;
color: #800;
background: #fff7ec;
background-color: rgba(255, 247, 236, 0.651);
font: 600 2em Muli, Roboto, "Segoe UI", Helvetica, sans-serif;
font-variant: small-caps;
letter-spacing: 5px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.375);
border-radius: 4px;
}
#about p {
margin: 0.5em auto;
width: 88%;
color: #800;
background: #fff7ec;
background-color: rgba(255, 247, 236, 0.7);
font: 300 1em Muli, Roboto, "Segoe UI", Helvetica, sans-serif;
line-height: 1.25;
letter-spacing: 2px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.375);
border-radius: 4px;
}
#retire-notice {
margin: 0.5em auto;
width: 88%;
padding: 0.5em 0.25em;
text-align: left;
font: 400 1em Muli, Roboto, "Segoe UI", Helvetica, sans-serif;
line-height: 1.25;
letter-spacing: 1px;
background-color: rgba(255, 247, 236,0.7);
color: rgb(111, 0, 0);
font-weight: 400;
border: 1px solid #ff0;
border-radius: 4px;
}
#retire-notice span {
font-size: 12px;
font-style: italic;
font-weight: bold;
color: #ffd;
background-color: rgba(196,30,30,0.75);
}
#about ul {
font: 300 0.875em Muli, Arial, Helvetica, sans-serif;
color: #222;
background: #fff7ec;
background-color: rgba(255, 247, 236, 0.7);
border-radius: 4px;
}
#about ul li {
padding-right: 0.5em;
}
#about ul:nth-of-type(1) li:nth-of-type(1)::before {
content: url(//jessica.valoismassage.ca/wp/wp-content/uploads/2024/10/CBC-logo.png);
vertical-align: -30%;
}
#about ul:nth-of-type(2) li:nth-of-type(1)::before {
content: url(//jessica.valoismassage.ca/wp/wp-content/uploads/2024/10/WHoLifE.jpg);
vertical-align: -30%;
padding-right: 0.5em;
}
.gmap {
margin-left: 0.25em;
background: #fed;
background-color: rgba(255, 221, 187, 0.25);
border: 1px #db9 solid;
border-radius: 4px;
}
.gmap iframe {
position: relative;
top: 2px;
margin: 0.125em 0.25em;
border: 1px #ca8 solid;
border-radius: 4px;
}
hr {
margin: 0.5em auto;
max-width: 79.75em;
color: #faa34c;
} .gc-banner {
padding: 3.25em 1em 0.75em;
background: url(//jessica.valoismassage.ca/wp/wp-content/uploads/2024/10/header-bg-gray.png) top left repeat-x;
border-bottom: #999 1px solid;
border-bottom-color: rgba(0, 0, 0, 0.5);
border-radius: 0 0 4px 4px;
}
.gc-titles {
display: flex;
align-items: flex-end;
background: #eee url(//jessica.valoismassage.ca/wp/wp-content/uploads/2024/10/grace-banner.png) top right no-repeat;
background-size: contain;
background-color: rgba(238, 238, 238, 0.5);
border: #666 1px solid;
border-color: rgba(0, 0, 0, 0.35);
border-radius: 4px;
}	
.gc-titles div {
max-width: 14em;
margin: 4px;
text-align: center;
}
.gc-heading h3 {
padding: 2px 5px;
background-color: #eee;
background-color: rgba(222, 222, 222, 0.5);
border: #eee 1px solid;
border-color: rgba(51, 51, 51, 0.5);
border-radius: 4px;
box-shadow: 0 0 2px 0 rgba(26, 26, 26, 0.5);
color: #1a1a1a;
font: 300 1.125em 'Muli', Roboto, Helvetica, sans-serif;
letter-spacing: 1px;
text-shadow: 0 0 2px rgba(26, 26, 26, 0.75);
}
.gc-heading h4 {
font: 300 0.75em 'Muli', Roboto, Helvetica, sans-serif;
}
.gc-heading span {
font-size: small;
letter-spacing: normal;
}
#gc-main, #gc-product, #gc-ethics, #gc-about {
margin-top: 2em;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
background: #eee;
background-color: rgba(255, 255, 255, 0.33);
border: #666 1px solid;
border-color: rgba(0, 0, 0, 0.35);
border-radius: 4px;
}
#gc-main p, #gc-product p, #gc-ethics p, #gc-about p {
padding: 0.5em 0.75em;
font: 300 1em Muli, sans-serif;
letter-spacing: 1px;
line-height: 1.5;
text-align: center;
border-radius: 4px;
}
#gc-main div:nth-child(2),
#gc-product div:nth-child(2),
#gc-ethics div:nth-child(2),
#gc-about div:nth-child(2) {
margin: 1em;
width: 70%;
background: linear-gradient(to right, rgba(208,208,208,0.25) 0%, rgba(255,255,255,1) 50%, rgba(208,208,208,0.25) 100%);
border: #ccc 1px solid;
box-shadow: 0 0 2px 0 #999;
}
#gc-main a, #gc-product a, #gc-ethics a, #gc-about a {
color: #070;
font-weight: normal;
}
#gc-main hr {
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
#gc-main img, #gc-product img, #gc-ethics img {
border-radius: 4px;
}
.gc-experience, .gc-ingredients, .gc-testing, .gc-profile {
margin: 0 auto;
}
#gc-main .gc-quote {
width: 75%;
margin: 0 auto;
color: #090;
font-style: italic;
text-shadow: 0 0 2px rgba(26, 26, 26, 0.5);
}
#gc-product p {
margin-bottom: 0;
padding-bottom: 0.25em;
}
#gc-product ul {
width: 35%;
margin: 0 auto;
padding-bottom: 0.5em;
list-style-type: none;
}
#gc-about ul {
width: 30%;
margin: 0 auto;
padding: 0;
list-style-type: none;
}
#gc-about ul:nth-of-type(3){
width: 65%;
}
#gc-about ul:nth-of-type(3) li {
display: inline;
padding-right: 10px;
font-weight: normal;
}
#gc-about ul:nth-of-type(3) li:nth-of-type(1)::before {
content: "\260e";
padding-right: 2px;
}
#gc-about ul:nth-of-type(3) li:nth-of-type(2)::before {
content: "\2709";
padding-right: 2px;
}
#gc-about ul:nth-of-type(3) li:nth-of-type(3)::before {
content: none;
}
#gc-product li {
font-size: 0.875em;
font-weight: 300;
margin: 0 auto;
letter-spacing: 1px;
}
#gc-about li {
font-size: 0.938em;
font-weight: 300;
margin: 0 auto;
letter-spacing: 1px;
}
#gc-product li::before {
content: "\2713";
padding-right: 0.5em;
font-size: 1.125em;
color: #393;
}
#gc-about li::before {
content: "\2192";
padding-right: 0.5em;
font-size: 1.25em;
color: #393;
}
#gc-about p {
margin: 0;
padding-bottom: 0.5em;
}
.gc-profile {
width: 300px;
border-right: 1px #999 solid;
border-color: rgba(102,102,102,0.5);
border-radius: 4px;	
}
.gc-profile img {
margin: 0 auto;
box-shadow: 0 0 2px 0 #666;
}
.gc-info > p:nth-child(2) {
font-size: 0.875em;
}
.gc-info li:nth-child(2) {
font-size: 0.814em;
}
.fb-icon {
width: 200px;
margin: 0 auto;
font: 300 1em Muli, sans-serif;
}
#modal-ready {
padding: 3.25em 1em 0.75em;
font: 300 1em Muli, sans-serif;
} footer {
margin: 0 auto;
padding: 2px;
max-width: 80em;
height: auto;
}
footer ul {
display: inline-block;
}
footer .site-links li {
display: inline-block;
padding: 2px 3px;
font-size: 0.813em;
font-variant: small-caps;
}
footer a {
color: #333;
}
footer a:hover {
text-decoration: underline;
}
.site-links, .contact {
display: flex;
flex-flow: row nowrap;
margin: 0 auto;
align-items: center;
justify-content: space-between;
}
.copy {
font-size: 0.75em;
font-variant: small-caps;
}
.contact {
background-color: #ddd;
border: #bbb 1px solid;
}
.contact li {
display: inline-block;
padding: 2px 3px;
font-size: 0.675em;
} #wpcf7-f9-p17-o1 {
background: #fed;
background-color: rgba(255, 221, 187, 0.25);
padding: 10px 20px;
border: 1px solid #fdb;
border-radius: 4px;
max-width: 400px;
box-shadow: 0 0 1px 0px rgba(0,0,0,0.35);
}
.wpcf7-form p {
max-width: 400px;
color: #600;
margin: 5px 0;
}
.wpcf7-form label {
font: 300 13px Muli, sans-serif;
}
.wpcf7-form input,
.wpcf7-form textarea {
background: #f1f1f1;
background-color: rgba(241, 241, 241, 0.75);
padding: 5px 7px;
margin: 2px 0 4px 0;
border: 1px solid #db9;
color: #333;
font: 13px 'Open Sans', sans-serif;
border-radius: 4px;
}
.wpcf7-form .wpcf7-submit {
background: #600;
padding: 5px 15px;
color: #fed;
min-width: 100px;
}
.wpcf7-form input[type="submit"]:hover {
background: #060;
}
.banner-info {
font-size: 0.75em;
font-variant: small-caps;
color: #333;
}
.contact-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
}
#email-form {
max-width: 404px;
background-image: url(//jessica.valoismassage.ca/wp/wp-content/uploads/2024/10/email-bg-1.png);
background-position: center center;
background-repeat: no-repeat;
}
#email-form .email-info {
padding: 4px;
margin-left: 0;
color: #964;
font-size: 14px;
background: #fed;
background-color: rgba(255, 221, 187, 0.25);
text-shadow: 0 0 3px rgba(102, 0, 0, 0.25);
border: 1px #db9 solid;
border-radius: 4px;
box-shadow: 0 0 2px 0px rgba(0,0,0,0.35);
}
.address-title {
width: 100%;
margin-top: 0.75em;
margin-left: 0;
padding: 10px 0 11px 8px;
color: #963;
font: 400 18px Muli, sans-serif;
font-variant: small-caps;
letter-spacing: 2px;
background: #fed;
background-color: rgba(255, 221, 187, 0.25);
text-shadow: 0 0 3px rgba(102, 0, 0, 0.25);
border: 1px #db9 solid;
border-radius: 4px;
box-shadow: 0 0 2px 0px rgba(0,0,0,0.35);
}
.contact-wrap div:nth-child(2) {
max-width: 404px;
}
.address-info {
width: 400px;
margin-left: 0;
padding: 2px 4px;
color: #600;
font: 400 16px Muli, sans-serif;
letter-spacing: 1px;
line-height: 1.5;
background: #fed;
background-color: rgba(255, 221, 187, 0.25);
border: 1px #db9 solid;
border-radius: 4px;
box-shadow: 0 0 2px 0px rgba(0,0,0,0.35);
}
.address-info li {
margin-left: 0.25em;
}
.address-info span, .gmap span {
display: inline-block;
margin: 0 1em;
padding: 2px;
color: #fed;
background-color: #600;
font-size: 12px;
border-radius: 4px;
}
.contract-wrap iframe {
position: relative;
top: 2px;
margin: 0.125em 0.25em;
border: 1px #ca8 solid;
border-radius: 4px;
}  @font-face {
font-family:'Font-Name';
src:url(//jessica.valoismassage.ca/wp/wp-content/themes/html5blank-stable/fonts/font-name.eot);
src:url(//jessica.valoismassage.ca/wp/wp-content/themes/html5blank-stable/fonts/font-name.eot?#iefix) format('embedded-opentype'),
url(//jessica.valoismassage.ca/wp/wp-content/themes/html5blank-stable/fonts/font-name.woff) format('woff'),
url(//jessica.valoismassage.ca/wp/wp-content/themes/html5blank-stable/fonts/font-name.ttf) format('truetype'),
url(//jessica.valoismassage.ca/wp/wp-content/themes/html5blank-stable/fonts/font-name.svg#font-name) format('svg');
font-weight:normal;
font-style:normal;
} @media only screen and (min-width: 34.5em) {
#services .item {
margin: 3px;
flex-basis: 48%;
min-height: 20em;
}
}
@media only screen and (max-width: 41em) {
#services .title {
top: 0;
}
}
@media only screen and (max-width: 45.938em) {
nav ul ul{
display: none;
position: absolute;
top: 2.125em;
left: 2.5em;
width: 8.25em;
background: #fed;
background-color: rgba(255, 238, 221, 0.9);
border: 1px solid #600;
border-color: rgba(102, 0, 0, 0.5);
border-radius: 0 4px 4px 4px;
z-index: 99999;
}
nav ul li:hover ul{
display: block;
}
.svc-content p {
font-size: 16px;
font-weight: 400;
}
#services .item-benefits {
font-size: 16px;
font-weight: 400;
}
.svc-menu a {
color: #600;
}
.svc-menu i, .svc-menu span {
display: inherit;
color: #fdb;
}
.svc-link a:hover {
background: #600;
color: #fdb;
border-radius: 4px;
text-decoration: none;
}
#hdr-flex h1 {
font-size: 2.125em;
}
#hdr-flex h3 {
font-size: 1.125em;
}
.gmap {
margin: 0 auto;
}
.gmap iframe {
width: 320px;
}
#welcome {
position: relative;
top: -2em;
}
#email-form {
max-width: 21em;
}
.wpcf7-form {
padding: 5px;
}
input[type=text], input[type=email] {
width: 280px;
}
textarea {
width: 280px;
}
.contact-wrap div:nth-child(2) {
max-width: 21em;
}
.address-info iframe {
width: 320px;
}
#gc-main div:nth-child(2),
#gc-product div:nth-child(2),
#gc-ethics div:nth-child(2),
#gc-about div:nth-child(2) {
width: 90%;
margin: 1em auto;
}
#gc-main p, 
#gc-product p,
#gc-ethics p,
#gc-about p {
font-weight: 400;
line-height: 1.5;
}
.gc-heading h3 {
font-size: 1em;
}
#gc-main .gc-quote {
width: 90%;
}
#gc-product div:nth-child(2) {
width: 90%;
margin: 1em auto;
}
#gc-product ul {
width: 95%;
}
#gc-about ul {
width: auto;
}
#gc-about ul:nth-of-type(3) li {
display: block;
}
}
@media only screen and (min-width: 46em) {
nav {
font-size: 1em;
}
nav ul,
nav:active ul {
display: inline-block;
}
#hdr-grid {
display: grid;
grid-template-columns: 40% 60%;
justify-items: center;
}
#hdr-flex {
position: static;
align-items: center;
justify-content: center;
}
#line-art {
grid-column: 1 / 3;
grid-row: auto;
}
#gc-main div:nth-child(2),
#gc-product div:nth-child(2),
#gc-ethics div:nth-child(2),
#gc-about div:nth-child(2) {
width: 55%;
margin: 0.5em auto;
}
#gc-product ul {
width: 55%;
}
#gc-about ul {
width: 60%;
}
#about {
display: flex;
padding: 0;
}
}
@media only screen and (min-width: 60em) {
#services .item {
flex-basis: 32.25%;
min-height: 20em;
}
#gc-main div:nth-child(2),
#gc-product div:nth-child(2),
#gc-ethics div:nth-child(2),
#gc-about div:nth-child(2) {
width: 65%;
margin: 0.75em auto;
}
}
@media only screen and (min-width: 64em) {
#hdr-grid {
display: grid;
grid-template-columns: 28% 40% 32%;
justify-items: center;
min-height: 300px;
}
#line-art {
grid-column: auto;
grid-row: auto;
}
#line-art img {
max-width: none;
height: auto;
}
#about p {
padding: 0.25em 0.5em;
font-size: 1em;
}
#gc-product ul {
width:40%;
}
}
@media only screen and (min-width: 67.5em) {
#gc-main div:nth-child(2),
#gc-product div:nth-child(2),
#gc-ethics div:nth-child(2),
#gc-about div:nth-child(2) {
width: 70%;
margin: 1em auto;
}
#gc-about ul {
width: 37%;
}
}
@media only screen and (min-width:320px) {
}
@media only screen and (min-width:480px) {
}
@media only screen and (min-width:768px) {
}
@media only screen and (min-width:1024px) {
}
@media only screen and (min-width:1140px) {
}
@media only screen and (min-width:1280px) {
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {
} ::selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-webkit-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-moz-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
} .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 .wp-caption-text,
.gallery-caption {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}
.sticky {
}
.bypostauthor {
} @media print {
* {
background:transparent !important;
color:#000 !important;
box-shadow:none !important;
text-shadow:none !important;
}
a,
a:visited {
text-decoration:underline;
}
a[href]:after {
content:" (" attr(href) ")";
}
abbr[title]:after {
content:" (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content:"";
}
pre,blockquote {
border:1px solid #999;
page-break-inside:avoid;
}
thead {
display:table-header-group;
}
tr,img {
page-break-inside:avoid;
}
img {
max-width:100% !important;
}
@page {
margin:0.5cm;
}
p,
h2,
h3 {
orphans:3;
widows:3;
}
h2,
h3 {
page-break-after:avoid;
}
}