/*----------- Website-specific styles ----------------------*/

/*
Rules in this file will override those in child.css and the Twenty Twenty
style.css, provided that the selectors are at least as specific as those
you want to override.
Note that the Twenty Twenty theme puts a lot of CSS rules in inline styles -
to override these you will have to use "!important".
*/

/* Define various things. */
/* These are copied here from child.css to make it easier to set up
website-specific colours etc.
*/

:root
{
    /* Dropdown menu background colour. */
    --dropdown-bg-colour: #f8f8f8;

    /* Menu text colour. */
    --menu-colour: black;

    /* Link colour. */
    --link-colour: #0000ff;

    /* Link visited colour. */
    --link-visited-colour: #a000cf;

    /* Link active colour. */
    --link-active-colour: #ff0000;

    /* Maximum width of blocks. */
    --max-width: 80rem;
}

/* Company table. */

.company-table th,
.company-table td
{
    border: 0 !important;
    vertical-align: top;
}

/* Product table. */

.product-table table,
.product-table th,
.product-table td
{
    border: 0.1rem solid black;
}

.product-table th,
.product-table td
{
    vertical-align: top;
}

/* Boxed links for downloads etc. */

.download-link
{
    border: 0.3rem solid;
    border-color: #11d;
    margin: 1em;
    padding: 0.5em;
    background-color: #eef;
    text-align: center;
    font-size: 100%;
    font-weight: bold;
}


.ui-tooltip
{
    background-color: yellow;
}


.entry-content h3,
.entry-content h3.fog_css
{
    font-size: 2.5rem;
    color: #6d6d6d; /* grey */
}

.entry-content h4,
.entry-content h4.fog_css
{
    font-size: 2.2rem;
    color: #6d6d6d; /* grey */
}

.entry-content h5,
.entry-content h5.fog_css
{
    font-size: 1.9rem;
    color: #007de7; /* blue */
}

.entry-content h6,
.entry-content h6.fog_css
{
    font-size: 1.8rem;
    /* color: #e22658; */
    color: #d31605; /* red */
}

.entry-content p.fog_section
{
    font-weight: bold;
    font-size: 1.8rem;
    color: #007de7; /* blue */
}

.entry-content p.fog_subsection
{
    font-weight: bold;
    font-size: 1.8rem;
    /* color: #e22658; */
    color: #d31605; /* red */
}

.fog_tip_intro
{
    font-weight: bold;
    /* color: #e22658; */
    color: #33b60b; /* green */
}

.fog_txt_title
{
    font-weight: bold;
    /* color: #e22658; */
    color: #000000; /* black */
    color: #404040; /* dark grey */
}

.fog_txt_note
{
    font-weight: bold;
    /* color: #33b60b; */
    color: #33b60b; /* green */
}

.fog_txt_list
{
    font-weight: bold;
    color: #000000; /* black */
    color: #404040; /* dark grey */
}

/* --------------- Post and Print Buttons ----------------------*/

/* Style button container */
div.fog_button
{
    background-color: #eeeeff;
}

/* Style text to left of button */
.fog_button .fog_text
{
	border-radius: 0.5rem;	
}

/* Style text button */
.fog_button input[type="submit"],
.fog_button button[type="submit"],
.fog_print_button
{
    margin-top: 0;
    padding: 0.8rem;
    color: #000000;
    background-color: #f0c9c4;
    border-radius: 5rem;
    border: 0.1rem solid #707070;
    box-shadow: 0.5rem 0.5rem 1.0rem #a0a0a0;
}
.fog_button input[type="submit"]:active,
.fog_button button[type="submit"]:active
{
    box-shadow: none;
}

div.fog_print_button
{
    background-color: #00ff00;
}

/* Style image button */
.fog_button input[type="image"]
{
    border-radius: 0.5rem;
    border: 0.1rem solid #000000;
    box-shadow: 0.5rem 0.5rem 1.0rem #a0a0a0;
}
.fog_button input[type="image"]:active
{
    box-shadow: none;
}

/* --------------- Post Button ----------------------*/

/* Style button container */
.fog_button
{
    /* background-color: #eeeeff; */
    margin-bottom: 1rem;                 /* make space for shadow */
    margin-right: 1rem;                  /* make space for shadow */
/*  background-color: #fdd012;  */	/* light orange*/
/*	background-color: #a8fd12; */ 			/* luridity */
/*	background-color: #d9c0c0; */  			/* red-grey */
/*	background-color: #ded8d8; 			 lgrey */
	background-color: #dcdacf; 			/* lgrey */
	border-radius: 3rem;	
}

/*--------------------- Forms -----------------------------*/

/* Submit button */
form.fog_form input[type="submit"].fog_form_submit,
form.fog_form button[type="submit"].fog_form_submit,
#wpmem_login input[type="submit"],
#wpmem_reg input[type="submit"]
{
    color: #000000;
	background-color: #fdd012; 			 /* light orange */
    border-radius: 10rem;
    border: 0.1rem solid #000000;
    box-shadow: 0.5rem 0.5rem 1.0rem #a0a0a0;
}

/* Submit button - active */
form.fog_form input[type="submit"].fog_form_submit:active,
form.fog_form button[type="submit"].fog_form_submit:active,
#wpmem_login input[type="submit"]:active,
#wpmem_reg input[type="submit"]:active
{
    box-shadow: none;
}

/* Fieldset */
fieldset.fog_fieldset,
#wpmem_login fieldset,
#wpmem_reg fieldset
{
}

/* Legend */
legend.fog_legend,
#wpmem_login legend,
#wpmem_reg legend
{
}

/* Page background colour */
#site-content
{
    background-color: #dddddd;
}

/* Content background colour */
div.post-inner
{
    background-color: #ffffff;
}

/* Header background colour */
header#site-header
{
    background-color: #eeeeee;
}

/* Footer background colour */
div.footer-nav-widgets-wrapper,
footer#site-footer
{
    background-color: #eeeeee;
}

.entry-content p
{
    line-height: 1.2;
}

/* Header background colour */
header#site-header
{
    background-color: #f5ba5f;
}

/* Footer background colour */
div.footer-nav-widgets-wrapper,
footer#site-footer
{
    background-color: #f5ba5f;
}

body.home .post-inner,
body.home #site-content
{
    background-color: #00000000;
}

.widget-2 p,
.widget-2 ul
{
    font-size: 1.3rem;
}
.widget_nav_menu a[href]
{
    color: #000000;
    font-size: 2rem;
}

.fog_icon_twitter a[href]
{
    background-image: url('/wp-content/uploads/twitter.svg');
}

.fog_icon_facebook a[href]
{
    background-image: url('/wp-content/uploads/facebook.svg');
}

.fog_icon_instagram a[href]
{
    background-image: url('/wp-content/uploads/instagram.svg');
}