/*
Theme Name:     Twenty Seventeen Child 1
Theme URI:      https://www.zodiac.org.uk
Description:    Child theme for twentyseventeen
Author:         Philip Newton
Author URI:     https://www.zodiac.org.uk
Template:       twentyseventeen
Text Domain: 	twentyseventeen-child
Version:        1.0.0
License: 		GNU General Public License v2 or later
License URI: 	http://www.gnu.org/licenses/gpl-2.0.html
Tags:			light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready

*/

html {
/*scroll-behavior: smooth;*/
}

body,
button,
input,
select,
textarea {
color: #333;
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.6;
font-weight: 400;
}

h1.page-title {
font-family: 'Special Elite', cursive !important;
font-weight: 400 !important;
font-size:1.5rem !important;
color:#000 !important;
}


div.wrap {
margin-top:0 !important;
padding-top:0 !important;
}

/*------------ stick top menu to top...
see:
https://wordpress.org/support/topic/twenty-seventeen-move-nav-menu-to-top/
https://www.saotn.org/twenty-seventeen-theme-full-width-wordpress/
--------------*/

@media (min-width: 760px) {
.navigation-top {
position: fixed !important;
top: 0px;
width: 100%;
height: 70px;
}
}


@media (min-width: 760px) {
.custom-header {
position: relative !important;
padding-top: 70px;
margin-bottom:10px !important;
}
}


@media screen and (min-width: 48em) {	/* 768px */
.site-header .navigation-top .menu-scroll-down {
top: 0;
display:none !important;
}

li.menu-item {
text-align:left;
}


}


body {
background-image: url('images/paper.png') !important;
}




/*Shadow underneath top menu (when page is scrolled down a bit)...*/
.navigation-top {
background-image: url('images/paper.png') !important;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.60) !important;
}


/*Centres the top navigation...*/
.main-navigation ul {
text-align:center !important;
margin:0px auto 0px auto !important;
}




/*Lifts the top search box up a little...*/
.search-form {
margin-top:-5px !important;
}

.search-submit {
background-color:rgb(118, 118, 118);
}

.search-submit:hover  {
background-color:rgb(0, 0, 0);
}


.search-field {
font-size: 14px;
font-weight: 600;
line-height: 21px;
color: rgb(118, 118, 118);
}

button.search-submit {
background-color:#e6e6e6 !important;
}

button.search-submit:hover {
background-color:#7ccdff !important;
}

input.submit {
border-radius:10px !important;
}



/*form placeholders text colour...*/
::-webkit-input-placeholder {
color:#707070 !important;
}

:-moz-placeholder {
color:#707070 !important;
}

::-moz-placeholder {
color:#707070 !important;
}

:-ms-input-placeholder {
color:#707070 !important;
}


header.entry-header {
display:none !important;
}




.site-content {
background-image: url('images/paper.png') !important;
padding-top:10px !important;
}

header.site-header {
background-image: url('images/paper.png') !important;
}

.site-content-contain {
background-image: url('images/paper.png') !important;
padding-top:10px !important;
}



/*The width of the LHS main content in posts (should total 94% when added to the aside#secondary width ...*/
div#primary {
width:75% !important;
}

/*The width of the RHS widget content in posts (should total 94% when added to the div#primary width ...*/
aside#secondary {
width:19% !important;
}

@media (max-width: 760px) {

div#primary {
width:94% !important;
}

aside#secondary {
display:none !important;
}


}/* End "@media (max-width: 760px)"*/



.entry-content p {
margin:0px 0px 15px 0px !important;
}



.entry-content p a:link, .entry-content p a:visited {
color:#0000ff !important;
text-decoration:none !important;
box-shadow:none !important;
-webkit-box-shadow:none !important;
}

.entry-content p a:hover, .entry-content p a:active {
color:#0000ff !important;
text-decoration:underline !important;
box-shadow:none !important;
-webkit-box-shadow:none !important;
}

.entry-content h1 {
margin:0px 0px 15px 0px !important;
font-family: 'Special Elite', cursive !important;
font-weight: 400 !important;
font-size:1.5rem !important;
padding:0px 0px 0px 0px !important;
/*text-align:center;*/
}

.entry-content h2 {
margin:20px 0px 15px 0px !important;
}



/*The "good" footer, which can contain the privacy, contact, etc., links, found in template-parts/footer/site-info.php...*/
.site-footer {
border-top:0px !important;
}


h1.site-title, p.site-title {
font-family:'Essays 1743';
font-weight:normal;
text-transform:lowercase !important;
}

span.edit-link {
display:none !important;
}

/***********CSS for template files...*/

/*Template: page-charts-index.php etc using template-parts/page/content-page-charts-index.php etc ...*/. 


header.entry-header-charts {
width: 100% !important;
}

.entry-header-charts h1 {
text-align:center !important;
font-family: 'Special Elite', cursive !important;
font-weight: 400 !important;
font-size:1.5rem !important;
}

.entry-header-charts h1 {
margin-bottom:0.4em !important;
}

.entry-header-charts h2 {
padding-top:0px !important;
}


.charts-centred-content {
text-align:center !important;
}

.charts-centred-content h2 {
color:#333333;
}

.charts-centred-para p {
text-align:left !important;
max-width:80% !important;
padding:0px 20px 0px 20px !important;
}

.contents {
width:60% !important;
margin:2em auto 2em auto !important;
text-align:left !important;
/*text-indent:2em !important;*/
padding:0px 0px 0px 0px;
}

.contents p {
margin:0px 0px 5px 0px;
padding:0px 0px 0px 20px;
}

.charts-summary {
width:max-content !important;
margin:0px auto 0px auto !important;
text-align:left;
}

div.entry-content-charts {
width: 100% !important;
/*text-align:center !important;*/
/*This will work here:*/
/*color:red !important;*/
}

.entry-content-charts p a:link, .entry-content-charts p a:visited {
color:#0000ff !important;
text-decoration:none !important;
box-shadow:none !important;
-webkit-box-shadow:none !important;
}

.entry-content-charts p a:hover, .entry-content-charts p a:active {
color:#0000ff !important;
text-decoration:underline !important;
box-shadow:none !important;
-webkit-box-shadow:none !important;
/*background-color:#eeeeff;*/
}

.entry-content-charts h1 {
text-align:center;
padding-top:0px !important;
font-family: 'Special Elite', cursive !important;
font-weight: 400 !important;
font-size:1.5rem !important;
}

.entry-content-charts h2 {
/*padding-top:0.5em !important;*/
padding:0px 0px 0px 0px !important;
}


/*charts-index...*/
body.page-template-page-charts-index #content #primary {
width:85% !important;
max-width: 100%;
}

body.page-template-page-charts-index #content #primary .entry-header,
body.page-template-page-charts-index #content #primary .entry-content {
float: none;
width: 100%;
}

body.page-template-page-charts-index #content #primary .entry-header {
/*margin-bottom: 4em;*/
}


/*chart-data...*/
body.page-template-page-chart-data #content #primary {
width:85% !important;
max-width: 100%;
}

body.page-template-page-chart-data #content #primary .entry-header,
body.page-template-page-chart-data #content #primary .entry-content {
float: none;
width: 100%;
}

body.page-template-page-chart-data #content #primary .entry-header {
/*margin-bottom: 4em;*/
}

@media (max-width: 760px) {
.hidden-mobile {
display:none;
}
}


/***********CSS for charts...*/

.date-time-place-arrow {
width:1em;
margin:0px 0px -0.2em 0px;
-webkit-box-shadow:none !important;
box-shadow:none !important;
}

#chart-image-container {
width:98% !important;
height:auto !important;
margin:10px auto 0px auto !important;
padding:0px 0px 20px 0px !important;
background-color:transparent !important;
display:block !important;
text-align:center !important;
border-radius:250px !important;
border-radius:50% !important;
}


.chart-image {
width:500px !important;
height:500px !important;
max-width:100% !important;
max-height:500px !important;
margin:0px auto 0px auto !important;
border-radius:50% !important;
}



@media (max-width: 760px) {

#chart-image-container {
width:99% !important;
height:auto !important;
margin:5px auto 20px auto !important;
padding:20px 0px 20px 0px !important;
background-color:transparent;
display:block !important;
text-align:left !important;
border-radius:50% !important;

text-align:center !important;
}


.chart-image {
width:300px !important;
max-width:300px !important;
height:300px !important;
max-height:300px !important;
margin:0px 0px 0px 0px !important;
}

}/* End "@media (max-width: 760px)"*/



.chart-results-table {
border-collapse: collapse;
table-layout: fixed;
width:auto;
margin:0px auto 30px auto;
}

.chart-results-table td {
border: 1px solid #ccc;
padding:0.4em;
white-space: normal;
word-wrap: break-word;
}

.chart-results-table td a {
color:#00f !important;
text-decoration:none !important;
}

.chart-results-table td a:hover {
color:#00f !important;
text-decoration:underline !important;
}


.uncertain {
color:#f00 !important;
}

td.uncertain {
color:#f00 !important;
}

td.uncertain a:link {
color:#f00 !important;
}

td.bottom-border {
border-bottom: 2px solid #ccc;
}

/*Make the "other" charts pages' "charts" links "dead" by finding the page IDs in the body class...*/
.page-id-76 #menu-item-18 a, .page-id-78 #menu-item-18 a {
color: #767676 !important;
}


.glyph_align_1 {
margin:0px 0px -4px 5px;
-webkit-box-shadow:none !important;
box-shadow:none !important;
}

.glyph_align_2 {
margin:0px 0px -7px 5px;
-webkit-box-shadow:none !important;
box-shadow:none !important;
}

.glyph_down {
padding:0px 0px 0px 0px;
margin:0px 0px -7px 0px !important;
}

.text_shift_up {
padding:-3px 0px 0px 0px !important;
}


.gspr_asc, .gspr_aquarius, .gspr_aries, .gspr_cancer, .gspr_capricorn, 
.gspr_conjunct, .gspr_gemini, .gspr_jupiter, .gspr_leo, .gspr_libra, 
.gspr_mars, .gspr_mercury, .gspr_moon, .gspr_neptune, .gspr_opposition, 
.gspr_pisces, .gspr_pluto, .gspr_sagittarius, .gspr_saturn, .gspr_scorpio, 
.gspr_sextile, .gspr_square, .gspr_sun, .gspr_taurus, .gspr_trine, 
.gspr_uranus, .gspr_venus, .gspr_virgo
{ display: inline-block; background: url('images/glyph-sprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
 
.gspr_asc { background-position: -2px -0px; width: 34px; height: 20px; }
.gspr_aquarius { background-position: -2px -22px; width: 20px; height: 20px; }
.gspr_aries { background-position: -2px -44px; width: 20px; height: 20px; }
.gspr_cancer { background-position: -2px -66px; width: 20px; height: 20px; }
.gspr_capricorn { background-position: -2px -88px; width: 20px; height: 20px; }
.gspr_conjunct { background-position: -2px -110px; width: 20px; height: 20px; }
.gspr_gemini { background-position: -2px -132px; width: 20px; height: 20px; }
.gspr_jupiter { background-position: -2px -154px; width: 20px; height: 20px; }
.gspr_leo { background-position: -2px -176px; width: 20px; height: 20px; }
.gspr_libra { background-position: -2px -198px; width: 20px; height: 20px; }
.gspr_mars { background-position: -2px -220px; width: 20px; height: 20px; }
.gspr_mercury { background-position: -2px -242px; width: 20px; height: 20px; }
.gspr_moon { background-position: -2px -264px; width: 20px; height: 20px; }
.gspr_neptune { background-position: -2px -286px; width: 20px; height: 20px; }
.gspr_opposition { background-position: -2px -308px; width: 20px; height: 20px; }
.gspr_pisces { background-position: -2px -330px; width: 20px; height: 20px; }
.gspr_pluto { background-position: -2px -352px; width: 20px; height: 20px; }
.gspr_sagittarius { background-position: -2px -374px; width: 20px; height: 20px; }
.gspr_saturn { background-position: -2px -396px; width: 20px; height: 20px; }
.gspr_scorpio { background-position: -2px -418px; width: 20px; height: 20px; }
.gspr_sextile { background-position: -2px -440px; width: 20px; height: 20px; }
.gspr_square { background-position: -2px -462px; width: 20px; height: 20px; }
.gspr_sun { background-position: -2px -484px; width: 20px; height: 20px; }
.gspr_taurus { background-position: -2px -506px; width: 20px; height: 20px; }
.gspr_trine { background-position: -2px -528px; width: 20px; height: 20px; }
.gspr_uranus { background-position: -2px -550px; width: 20px; height: 20px; }
.gspr_venus { background-position: -2px -572px; width: 20px; height: 20px; }
.gspr_virgo { background-position: -2px -594px; width: 20px; height: 20px; }



#payment {
text-align:center !important;
}

#timer {
/*width: -webkit-fit-content;
width: -moz-fit-content;
width: max-content;*/
width:200px;
height:auto;
margin:0px auto 30px auto;
padding:5px 0px 5px 0px;
overflow:hidden;
}

.timer_highlight {
color:#f00 !important;
}

.timerspan {
width:200px;
height:auto;
margin:0px 0px 20px 0px !important;
padding:0px 0px 10px 0px;
overflow:hidden;
background-color:transparent !important;
border:0px !important;
text-transform: lowercase !important;
font-style:italic !important;
color:#888a8d;
}


.timerspan_highlight {
color:#f00 !important;
}


.pretimerspan {
font-style:italic !important;
color:#888a8d;
margin:0px auto 0px auto;

}


.over {
width:140px !important;
height:auto;
margin:0px 0px 0px 0px;
padding:5px 5px 5px 5px !important;
overflow:hidden;
}

.arrow {
margin:0px 0px -5px 0px;
-webkit-box-shadow:none;
box-shadow:none;
}

.noshadow {
-webkit-box-shadow:none !important;
box-shadow:none !important;
}

input[type=text] {
font-size: 1rem;
}

/*input[type=submit] {
cursor: pointer;
border-radius: 0px;
color: rgb(29, 28, 28);
color:#000;
}

input[type=submit]:hover {
color:#000;
}
*/

input.invalid {
background-color:#fae7e1;
}

#notify {
margin-top: 10px;
padding:20px 0px 0px 0px;
width: auto;
color: #f00;
display: inline;
}

#notify.error {
background-color:transparent;
font-size:1.4rem;
font-weight:bold !important;
}

.continue_image {
margin:0px 0px 600px 5px !important;
}

.btn {
text-align:left;
white-space: normal; !important;
font-size:2rem !important;
text-decoration:none !important;
}

btn.mb-0 link a:hover, btn.mb-0 link a:active {
color:#f00 !important;
/*text-decoration:none !important;*/
}

.right_close_div {
float:right;
width:50px;
height:auto;
background-color:#fff;
cursor:pointer;
margin:0px 20px 20px 0px;
color: rgb(0, 86, 179);
font-size:1.8rem !important;
}

.close_panel {
font-size:1.6rem !important;
}

.content_frame {
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
width:95%;
height:400px;
}

.accordion {
height:600px;
min-height: 100px;
width:90%;
max-width:600px;
background-color:transparent !important;;
margin:0px 0px 20px 0px !important;
margin:0px auto 20px auto !important;
}

.ui-accordion {/*The outer container of the accordion*/
height:auto; /*This is KEY to stopping whitespace appear underneath unexpanded panels*/

}

.ui-accordion-header {/*The headers of the accordion.*/
background-color:transparent !important;
padding:10px 0px 10px 5px !important;
color:#21759b !important;
}

h5.ui-accordion-header {
font-size:1rem !important;
background-color:transparent !important;
text-transform: none;
color:#00f !important;
}

#main-area .ui-accordion-header {
color:#21759b !important; /*This was necessary to style the font colour.*/
}

#main-area .ui-accordion-header:hover { /*This was necessary to style the hovered font colour and underline.*/
/*text-decoration:underline !important;*/
color:#21759b !important;
background-color:#d3d3d3 !important;
}

/*The headers when you mouse over them (before they're clicked)...*/
.ui-accordion-header:hover { 
background-color:#d3d3d3 !important;
/*text-decoration:underline !important;*/
color:#00f !important;
}


.ui-accordion-header:focus { 
outline:none !important; /*Gets rid of the blue glow around active headers*/
}

.ui-accordion-header-active {/*The active header will additionally have this class*/
background-color:transparent;
color:#21759b !important;
}

.ui-accordion-header-collapsed {/*The inactive headers will have this class*/

}

.ui-accordion-icons {/*The headers will also have this class if they contain icons*/

}

.ui-accordion-header-icon {/*Icon elements within each accordion header*/

}

.ui-accordion-content {/*The content panels of the accordion*/
max-height:300px; /*This is key to "avoiding white space below short content in panels, and allowing different heights for different contents, but seeing scrolling behaviour for really long content".  I'm not sure how this does all that as well it does, but it does.*/
margin:0px 0px 0px 0px;
background-color:#f9f9f9;
-webkit-overflow-scrolling: touch;

padding:10px 10px 10px 10px !important;
}

.ui-accordion-content-active {/*The active content panel will additionally have this class*/

}

.ui-icon {
background-color:transparent;
background-image: url('images/ui-icons_black_256x240.png') !important;
}

.feedback-table {
width:auto;
border-collapse: collapse;
border: 0px;
font-size:0.8rem;
}

.feedback-table tr {
border: 0px;
padding:10px 0px 10px 0px !important;
}

.feedback-table td {
/*border-left:0px;
border-right:0px;
border-top:0px;*/
border: 1px solid #9f9f9f;
padding:10px 4px 10px 4px;
text-align:center !important;
color: rgb(29, 28, 28);
margin:0px auto 0px auto !important;
}

.feedbackleftcell {
text-align:left !important;
padding-right:10px !important;
}

.feedback-radio {
margin:0px auto 0px auto !important;
}

.typestyle {
font-family: Verdana, sans-serif !important;
}

.print-only-inline {
display:none !important;
}

.screen-only {

}



.ui-widget-overlay.custom-overlay {
background-color:#000;
background-image:none;
opacity:0.6;
z-index:1001;    
}

.ui-dialog-title {
font-size:1.2rem;
text-align:center !important;
}

.ui-button-icon {
background-color:#fff !important;
}

ui-icon-closethick {
background-color:#fff !important;
}

#dialog {
text-align:left;
border-radius:20px !important;
max-height:80% !important;
}

#dialog h1 {
font-size:1.5rem;
}


#dialog p {
font-size:1rem;
margin:10px 0px 12px 0px;
}

.stop-scrolling {
height: 100%;
overflow: hidden;
position: fixed;
left: 0;
top: 0;
width: 100%;
}



.printdiv {
display:block !important;
float:right !important;
clear:left !important;
margin:35px 0px 30px 0px !important;
}

.printdiv p a:link, .printdiv p a:visited {
text-decoration:none !important;
font-style:italic !important;
}


.printicon {
margin:0px 0px -4px 10px;
}

.hpff {
display:none !important;
}

.social-icons {
-webkit-box-shadow:none !important;
box-shadow:none !important;
margin:0px 0px 0px 0px;
}

.share-icon {
float:left;
margin-right:10px !important;
}

.share-icon-rightmost {
float:left;
margin-right:0px !important;
}

#copydialog {
text-align:center;
border-top:3px solid #d0d0d0;
max-height:80% !important;
background-color:#e9e9e9;
}

.copylinktooltip .tooltiptext {
visibility: hidden;
width: 140px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px;
position: absolute;
z-index: 1;
top: 150%;
left: 50%;
margin-left: -75px;
opacity: 0;
transition: opacity 0.3s;
}

.copylinktooltip .tooltiptext::after {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent black transparent;
}

.copylinktooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}

.copybutton {
margin-left:20px;
background-color:#ededed;
}

.copybuttontext {
color: rgb(33, 117, 155) !important;
}

.pknfai {
color:#505050 !important;
margin-left:2px !important;
margin-right:2px !important;
}

.pknfai-facebook {
color:#415a93 !important;
margin-left:2px !important;
margin-right:2px !important;
}

.pknfai-twitter {
color:#4babe7 !important;
margin-left:2px !important;
margin-right:2px !important;
}

.pknfai-dl {
color:#415a93 !important;
margin-left:2px !important;
margin-right:2px !important;
}

span.fa-print, span.fa-link {
transform: scaleY(0.9);
}


.pknfai:hover, .pknfai-facebook:hover, .pknfai-twitter:hover, .pknfai-dl:hover {
/*color: rgb(33, 117, 155) !important;*/
/*color:#00f !important;*/
color: rgb(14, 75, 230) !important;
cursor:pointer !important;
transform: translateY(-4px);
transition: 0.2s ease-out;
}

.social-button-tooltip {
position: relative;
display: inline-block !important;
}

.soc-shunt-right {
margin-right:-20px !important;
}

.social-button-tooltip .social-button-tooltiptext {
visibility: hidden;
width: 100px;
/*width:auto;*/
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 5px;
position: absolute;
z-index: 1;
bottom: 150%;
left: 50%;
margin-left: -60px;
font-size:1rem !important;
}

.social-button-tooltip .social-button-tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: black transparent transparent transparent;
}

.social-button-tooltip:hover .social-button-tooltiptext {
visibility: visible;
}


/*Controls the size of the social sharing icons...*/
.fa-fw {
font-size:1.8rem !important;
}

h1.snippet-intro-title {
color:#1d1c1c !important;
text-shadow:0 -1px 0 rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.8) !important;
font-weight:200 !important;
}

.pselected {
/*background-color:#d3f2ce !important;*/
background-color:rgba(0,255,0,0.1) !important;
}

.pnotselected {
background-color:rgba(255,0,0,0.2) !important;
/*background-color:rgba(245,119,119,1.000) !important;*/
}

.colselected {
border:2px solid rgba(0,255,0,1) !important;
}

.colnotselected {
border:2px solid transparent !important;
}

.bgselected {
border:2px solid rgba(0,255,0,1) !important;
}

.bgnotselected {
border:2px solid transparent !important;
}

#snippet-actions-container {
width:auto;
width: -webkit-max-content;
width: -moz-max-content;
width:max-content;
height:auto;
padding:10px 15px 10px 15px;
margin:20px 0px 30px 0px !important;
border:1px solid #ccc;
border-radius:15px;
text-align:left;
}

.random-dice-div {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color:transparent;
position:relative;
bottom:20px;
right:15px;
float:right !important;
}

.pkndice {
font-size:3rem !important;
color:rgba(65,90,147,0.4) !important;
}

.pkndice:hover {
font-size:3rem !important;
color:rgba(65,90,255,1) !important;
/*transform: translateY(-4px);
transition: 0.2s ease-out;*/
}

.flip {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transition: all 0.5s ease;
}

#astroback {
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color:transparent;
box-shadow:none !important;
-webkit-box-shadow:none !important;
-moz-box-shadow:none !important;
/*background:transparent url('images/page-background-8.jpg') repeat;*/
/*this z-index must be higher than the z-index in the "::after" selector...*/
z-index:9;
}

#astroback::after {
content:"";
top:0;
left:0;
bottom:0;
right:0;
width:100%;
height:100%;
min-height:100%;
position:absolute;
display:block;
background-color:rgba(255,255,255,0.5);
/*background-color:transparent*/;
border-radius:10px;
background-image:url('images/chart-background.svg');
background-position: left top;
background-repeat: repeat-y  !important;;
-o-background-size: contain;
-ms-background-size: contain;
-moz-background-size: contain;
-webkit-background-size: contain;
background-size: contain;
opacity: 0.05;
/*this z-index must be lower than the z-index in the parent div selector...*/
z-index: -1;
}

input#check {
margin:3px 5px 0px 5px !important;
}

.snippet-exists {
color:rgba(242, 118, 58, 1.000) !important;
}

span.pppulsate {
font-size:1rem !important;
font-weight:400 !important;
}

span.pphighlight {
/*margin-bottom:-2px !important;*/

}


.snippet-glyph {
box-shadow:none !important;
-webkit-box-shadow:none !important;
-moz-box-shadow:none !important;
margin-bottom:-0.2em !important;
}

.snippet-graphic-glyph {
box-shadow:none !important;
-webkit-box-shadow:none !important;
-moz-box-shadow:none !important;
margin:0px 0px 0px 0px;
display:inline !important;
}

.snippet-form-select-planet {
max-width: 90% !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
overflow: hidden !important;
margin-top:10px !important;
margin-bottom:7px !important;
font-size:1rem !important;
}

.snippet-form-select-sign {
max-width: 90% !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
overflow: hidden !important;
margin-top:7px !important;
margin-bottom:10px !important;
font-size:1rem !important;
}


.snippet-planet-container {
margin:20px 0px 50px 0px !important;
padding:10px 0px 10px 10px;
border-radius:12px;
border:1px solid #ccc;
font-size:1rem !important;
}

.graphic-delete-button {
background-color:#d9534f !important;
border-radius:0.5rem !important;
padding:0.5rem 0.5rem 0.5rem 0.5rem !important;
color:#fff !important;
}

.graphic-delete-button:hover {
background-color:#fff !important;
color:#d9534f !important;
}

.gmtrashicontext {
color:#fff !important;
font-size:1.5rem !important;
}

.gmtrashicontext:hover {
color:#d9534f !important;
font-size:1.5rem !important;
}



.snippet-delete a {
color:#939393 !important;
}

.snippet-delete a:hover {
color:#f00 !important;
}

#graphic h1 {
font-family: "Essays 1743" !important;
}


#graphic-background-container {
width:auto !important;
height:auto !important;
background-color:transparent !important;
clear:both !important;
margin:0px !important;
padding:0px !important;
}


.graphic-background-tb-container {
width:150px !important;
height:auto !important;
text-align:center !important;
margin:0px 10px 20px 0px !important;
float:left;
}

.graphic-background-border-div {
width:150px !important;
height:auto !important;
text-align:center !important;
margin:0px 0px 0px 0px !important;
}

.graphic-background {
width:150px;
height:150px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border:0px;
background-color:transparent;
background-color:#ededed !important;
text-align:center;
overflow:hidden;
opacity: 0.1 !important;
background-size: 150px auto;
}


.graphic-background-text {
background-color:#ebebeb !important;
margin:0px 0px 0px 0px !important;
text-align:center !important;
}

.graphic-background-text p {
margin:0px 0px 0px 0px !important;
/*color:#000 !important;
font-family:"Helvetica" !important;*/
}

.bsel0 {
/*width:fit-content;*/
width:max-content;
padding:5px 10px 0px 10px;
border:2px solid transparent !important;
}

.bsel1 {
border:2px solid transparent !important;
}

.bsel2 {
border:2px solid transparent !important;
}

.bsel3 {
border:2px solid transparent !important;
}

.bsel4 {
border:2px solid transparent !important;
}

.bsel5 {
border:2px solid transparent !important;
}

.bsel6 {
border:2px solid transparent !important;
}

#graphic-colour-box-container {
width:auto !important;
height:50px !important;
background-color:transparent !important;
clear:both !important;
margin:0px !important;
padding:0px !important;
}

.gc-box-fire {
display:block;
width:50px;
height:50px;
padding:0px 0px 0px 0px;
margin:0px 10px 0px 0px;
float:left;
background-color:#ffaeae;
background-color:#f0c1bf;
text-align:center;
overflow:hidden;
border:2px solid transparent !important;
}

.gc-box-earth {
display:block;
width:50px;
height:50px;
padding:0px 0px 0px 0px;
margin:0px 10px 0px 0px;
float:left;
background-color:#dfc06f;
background-color:#dad2c4;
text-align:center;
overflow:hidden;
border:2px solid transparent !important;
}

.gc-box-air {
display:block;
width:50px;
height:50px;
padding:0px 0px 0px 0px;
margin:0px 10px 0px 0px;
float:left;
background-color:#fbe66f;
background-color:#f5f2c2;
text-align:center;
overflow:hidden;
border:2px solid transparent !important;
}

.gc-box-water {
display:block;
width:50px;
height:50px;
padding:0px 0px 0px 0px;
margin:0px 10px 0px 0px;
float:left;
background-color:#93eaff;
background-color:#c5e1f1;
text-align:center;
overflow:hidden;
border:2px solid transparent !important;
}

.gc-box-radio-button {
position:relative;
top:40%;
margin:0px auto 0px auto !important;;
}

#paypal-unavailable {
width: max-content !important;
padding:20px 20px 20px 20px;
border:1px solid #f00;
}

#paypal-unavailable p {
margin:0px 0px 0px 0px !important;
}

.dead-input-53 {
width: 45ch !important;
padding:3px 3px 3px 3px !important;
word-wrap: break-word;
}

input.wpcf7-submit {
border-radius:10px;
}


#piechart_element, #piechart_polarity, #piechart_quality {
width:98% !important;
max-width:100%;
height:auto !important;
background-color:transparent !important;
margin:0px auto 20px auto !important;
padding:0px 0px 0px 0px !important;
text-align:center !important;
/*border-bottom:1px solid #ccc;*/
}

.piechart_text {
width:max-content !important;
max-width:90% !important;
margin:0px auto 20px auto !important;
padding:0px 10px 0px 10px !important;
}

.piechart_text p {
margin:0px 0px 0px 0px !important;
padding:0px 0px 0px 0px !important;
}


hr.piechart {
border-top: 1px solid #ccc;
width:65%;
}

.narrow-centre-text {
width:75% !important;
margin:0px auto 0.5em auto;
text-align:left !important;
}


.short_interp_table {
border-collapse: separate;
border-spacing: 0px !important;
table-layout: fixed;
width:auto;
min-width:100%;
margin:0px auto 30px auto;
border: 1px solid #e3710a !important;
color:#000 !important;
border-radius: 1em;
overflow: hidden !important;
}

.short_interp_table tr, .short_interp_table tbody {
/*border: 1px solid #e3710a !important;*/
background: #e1e1e1 !important;
padding:0px 0px 0px 0px !important;
}

.short_interp_table td {
/*border: 1px solid #e3710a !important;*/
padding:0.5em 0.5em 1em 1.2em !important;
white-space: normal;
word-wrap: break-word;
/*border-bottom: 1px solid #B5B5B5 !important;*/

background: #e1e1e1 !important;
}

.short_interp_table td a {
color:#00f !important;
text-decoration:none !important;
}

.short_interp_table td a:hover {
color:#00f !important;
text-decoration:underline !important;
}

.short_interp_table ul, .short_interp_table ol {
margin:0px !important;
}

.short_interp_table ul li {
/*list-style-type:circle !important;*/
list-style-position: inside !important;
margin:0px !important;
padding:0px !important;
}


.version_select_short {
background-color:#fff !important;
height:2em !important;
border-color:#e3710a;
}

.version_select_long {
background-color:#fff !important;
height:2em !important;
border-color:#00C900;
}


.right_version_chooser {
float:right !important;
margin:0px 0em 0px 0px !important;
}

.version_underline_short {
border-bottom:1px solid #e3710a;
}

.version_underline_long {
border-bottom:1px solid #00C900;
}


.cookie-banner {
position: fixed;
bottom: 40px;
left: 10%;
right: 10%;
width: 80%;
padding:10px 10px 10px 20px;
display: flex;
align-items: center;
justify-content: space-between;
background-color: rgba(196, 196, 196, 0.96);
border-radius: 10px;
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.4);
}

.cookie-banner p {
margin:0px 0px 0px 0px;
}

.cookie-banner p a {
color:#00f !important;
text-decoration:none;
}

.cookie-banner p a:hover {
color:#00f !important;
text-decoration:underline;
}

.close {
padding:8px 9px 8px 9px;
background-color: #00f !important;
border: none;
color: #fff;
border-radius: 10px;
cursor: pointer;
font-weight:bold;
}

.close:hover {
background-color: #389c36ff !important;
color: #fff;
}

.flammarion {
margin:0px 0px 1em 0px;
}

div.site-info {
width:70% !important;
text-align:center !important;
margin:0px auto 0px auto !important;
/*display:none;*/
float:none !important;
font-size:0.8em !important;
}

.site-info p a:link, .site-info p a:visited {
box-shadow:none !important;
color:#0000ff !important;
text-decoration:none;
}

.site-info p a:hover, .site-info p a:active {
box-shadow:none !important;
color:#0000ff !important;
text-decoration:underline;
}



header.page-header-not-found {
text-align:center !important;
margin:0px auto 0px auto !important;
margin-left:auto !important;
margin-right:auto !important;
float:none !important;
font-size:1rem !important;
font-weight:400 !important;
line-height:1.6 !important;
padding:0 0 0.3em 0 !important;
}


section.not-found {
text-align:center !important;
width:85%;
margin:0px auto 0px auto !important;
}

div.not-found {
margin-top:0em !important;
padding-top:0em !important;
}


.not-found {
width:85% !important;
height:auto !important;
margin:0px auto 5em auto !important;
padding:0px 0px 0px 0px !important;
}

.not-found p {
margin:0px auto 0.3em auto !important;
text-align:left !important;
font-size:1rem;
}

.not-found p a:link, .not-found p a:visited {
color:#00f;
text-decoration:none;
}

.not-found p a:hover, .not-found p a:active {
color:#00f;
text-decoration:underline;
}

.link-more p {
border-bottom:none;
box-shadow:none !important;
margin:0px 0px 0px 0px !important;

}

p.link-more {
margin:0px 0px 0px 0px !important;
font-style:italic !important;
}

.link-more p a:link, .link-more p a:visited {
color:#00f;
text-decoration:none;
border-bottom:none;
box-shadow:none !important;
}

.link-more p a:hover, .link-more p a:active {
color:#00f;
text-decoration:underline;
border-bottom:none;
box-shadow:none !important;
}

.more-link p {
border-bottom:none;
box-shadow:none !important;
margin:0px 0px 0px 0px !important;
}


a.more-link {
border-bottom:none;
box-shadow:none !important;
}

a.more-link {
color:#00f;
text-decoration:none;
border-bottom:none;
box-shadow:none !important;
}

a.more-link:hover {
color:#00f;
text-decoration:underline;
border-bottom:none;
box-shadow:none !important;
}

.entry-summary p {
margin:0px 0px 0.5em 0px;
}

h1.lift-no-result-header {
margin:0em 0px 0px 0px !important;
font-family: 'Special Elite', cursive !important;
font-weight: 400 !important;
font-size:1.5rem !important;
}

p.lift-no-result-header {
width:60% !important;
float:none !important;
text-align:center !important;
margin:0px auto 0.5em auto !important;
clear:both;
padding:0px 0px 0px 0px !important;
}

.noresults {
width:40% !important;
height:auto !important;
margin:0px auto 5em auto !important;
padding:0px 0px 0px 0px !important;
text-align:center;
float:none !important;
}

.noresults p {
width:80%;
margin:1em auto 2em auto;
text-align:left;
}


header.search-page {
text-align:center !important;
margin:0px auto 0px auto !important;
margin-left:auto !important;
margin-right:auto !important;
float:none !important;
font-size:1rem !important;
font-weight:400 !important;
line-height:1.6 !important;
padding:0 0 0.3em 0 !important;
}


.search-page {
width:85% !important;
height:auto !important;
margin:0px auto 5em auto !important;
padding:0px 0px 0px 0px !important;
}

nav.navigation {
width:70% !important;
margin:0px auto 0px auto !important;
text-align:center !important;
float:none !important;
}

div.nav-links {
width:70% !important;
margin:0px auto 0px auto;
text-align:center;
}

a.next.page-numbers {
float:none;
}


a.prev.page-numbers  {
float:none;
}

.page-title {
text-transform: none !important;
}

mark {
background-color:#ffd400 !important:
}

mark,
ins {
background: #ffd400 !important;
text-decoration: none;
}


.hilite {
background-color:#ffd400 !important:
}

.remove-highlight {
width:50% !important;
width:max-content !important;
width:auto;
text-align:center !important;
margin:0 auto 0 auto !important;
/*border-radius:0.2em !important;*/
padding:0px!important;
}

.remove-highlight:hover {
/*background-color:transparent !important;*/
}

.remove-highlight p {
color:#000 !important;
font-style:italic !important;
font-size:0.7em;
/*padding:0.05em 0em 0.05em 0em !important;
padding:0.05em 0em 0.05em 0em !important;*/
padding:0px 0px 0px 0px !important;
font-weight:600 !important;
}

.remove-highlight p a:link, .remove-highlight p a:visited {
color:#000 !important;
text-decoration:none !important;
/*background-color:#ffd400 !important;*/
}

.remove-highlight p a:hover, .remove-highlight p a:active {
color:#0000ff !important;
text-decoration:none !important;
background-color:transparent !important;
}

span.rh {
background-color:#ffd400 !important;
}

span.rh:hover {
background-color:transparent !important;
}

.resp-img {
max-width:100% !important;
}

.nothing-found {
width:90% !important;
height:auto !important;
margin:0px auto 0px auto !important;
padding:0px 0px 0px 0px !important;
float:none !important;
background-color:transparent;
}

.no-float {
float:none !important;
}

.stretched-up-symbol {
display:inline-block;
-webkit-transform: scale(.5, 1);
-moz-transform: scale(.5, 1);
-ms-transform: scale(.5, 1);
--transform: scale(.5, 1);
transform: scale(.5, 1);
}


.copy-div {
width:80%;
height:auto;
margin:0px auto 0px auto;
text-align:center;
font-size:0.8em !important;
padding:0px !important;
}

.copy-confirmation {
background-color:rgba(200,200,200,0.7);
position:relative;
z-index:100;
color:#000;
font-size:0.9em !important;
text-align:center;
padding:10px;
padding-top:5px;
padding-bottom:5px;
border-radius:0.5em;
border:1px solid #ccc;
display:block;
width:max-content;
max-width:50%;
margin-left:auto;
margin-right:auto;
margin-top:-15px;
margin-bottom:1px;
}

.copy-confirm {
width:max-content;
max-width:60%;
height:auto;
margin:0px auto 0px auto !important;
padding:0.2em 0.3em 0.2em 0.3em;
cursor:pointer;
border:1px solid #ccc;
background-color:#f7f6f5;
border-radius:0.5em;
color:#000;
font-size:0.9em !important;
}

.copy-confirm:hover {
color:#fff !important;
background-color:#2197ed !important;
}