/*
Theme Name:	    DeanRichardson
Theme URI:	    http://cybershrink.co.uk./
Version:	    1.0
Template:	    BusinessCard
Description:    (Parent theme: BusinessCard) - New template for a modernised DeanRichardson.co.uk
Author: 	    Dean Richardson
Author URI:     https://deanrichardson.co.uk/
*/

/* OVerride a thing - see functions.php instead */
/*
img:is([sizes="auto" i], [sizes^="auto," i]) {
    contain-intrinsic-size: revert !important;
}
    */

h1 {
    display:none;
}
 
h2 {    
    font-family: Arial, Verdana, sans-serif;
    text-align: left;
    visibility: visible;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    font-weight: normal;
    padding-bottom: 5px;
    line-height: 1em;
    letter-spacing: -2.3px;
    float: left;
    font-size: 36px;
}

h2, h3, h4, h5 {
	color: white !important;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.7) !important;
}

h3 {
	margin-top: 1em !important;
}


div.entry a {
    color:#85f9ee;
}

ul#nav li {
    height:45px !important;
}
ul#nav li a:hover {
    color:lightgray !important;
}
ul#nav li.active a:hover {
    color:white !important;
}

img.whiteglow {
    filter: drop-shadow(2px 2px 1px rgba(255, 255, 255, 1)) 
    drop-shadow(-1px -1px 1px rgba(255, 255, 255, 1)) 
    drop-shadow(0px 0px 12px rgba(255, 255, 255, 1))
} 

strong {
    color:#fdcc74 !important;
}
div.entry  a.small-button {
    color: black !important;
    text-shadow: 2px 2px 3px rgb(255 255 255 / 90%) !important;

    /*color:#b1660a !important;*/
    top: 48px;
    position: relative;
}
div.entry a.small-button:hover {
    color: white !important;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 40%) !important;
}

@media screen and (max-device-width:1100px),  screen and ( max-width: 1100px ) {
    div#page-wrap {
        top:10%;
        left:10%;
    }

}

@media screen and (max-device-width:768px), screen and ( max-width: 768px ) {
    div#page-wrap {
        top:1%;
        left:1%;
    }
    a.small-button, a.icon-button {
        font-size:14pt !important;
    }
}

@media screen and (max-device-width:450px), screen and ( max-width: 450px ) {
    div#page-wrap {
        /*width: 90%;*/
        top: 40px;
        left: 10%;
    }
/*
    div#main-content {
        width:75%;
    }
    #main-content > div.container {

    }
    div#sidebar {
        width:25%;
    }
    */

    /*
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
        
    }
*/
    div#sidebar ul#nav li {
        padding-right:30px; 
    }
    div#sidebar ul li {
        white-space: nowrap;
    }
    div#sidebar ul li a {
        overflow-x: hidden;
        /*
        font-size: 14pt;
        */ 
        font-size: 18pt;
        display: block;
        width: 270px;
    }
    /*
    div#sidebar ul li a:after {
        content: "...";
    }
    */
    div.entry p {
        font-size:14pt;
        line-height:2.2em;
    } 

    img.wp-image-935 {
        margin-inline: auto !important;
        display:block !important;
        margin-bottom:2em !important;
        float:none !important;
    }
}