/*  
Theme Name: TomKenyon
*/
:link,:visited { text-decoration:none }ul,ol { list-style:none }h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }address { font-style:normal }

body { background-color:#666; }
/* body{background: radial-gradient(#aaa,#666,#aaa);} */
#left { position:absolute; z-index:20; }

#header {
    position: -webkit-relative;
    position: relative;
    max-width: 960px;
    min-width: 780px;
    width:auto;
    height:94px;
    background: linear-gradient(to right, #6c589f 20%, #FFFFFF 100%);
}

#banner {left: 119px;	position: absolute; top: 0; z-index: 1;}  
#banner-mobile {left: 119px;	position: absolute; top: 0;z-index: 1;display:none;}  
#tom {	font: italic bold 12px/18px Georgia, "Times New Roman", Times, serif;	color: #FFF;
	text-decoration: none;	position: absolute;	left: 190px;	top: 5px;
	letter-spacing: 2px;	word-spacing: 5px;	height: auto;	width: 400px;
	z-index: 10;	text-transform: lowercase;	}	
#tom2 {font: italic bold 12px/18px  Optima, Rockwell, Didot, "Bembo Expert", serif;
	color: #999;	text-decoration: none;	position: absolute;	left: 310px;	top: 9px;
	letter-spacing: 2px;	word-spacing: 5px;	height: auto;	width: 350px;
	text-transform: lowercase;	z-index: 10;}
#title {	font: italic 45px Optima, Georgia, "Times New Roman", Times, serif; color: #fff;
	text-decoration: none;	position: absolute;	left: 230px;	top: 40px;	letter-spacing: 2px;
	height: auto;	width: 400px;	text-align:right;	z-index: 100;}
.alignright {float: right; margin: 0 0 10px 12px;}

#main { font:90%/140% Optima, Georgia, "Times New Roman", Times, serif; color:#001; background:#EEEEEE; padding:0 20px; position:absolute; width:785px; left:131px; top:115px; z-index:1; margin-top:0; border-top:2px solid #ccc; border-left:2px solid #ccc; letter-spacing:1px; padding-bottom:10px; box-shadow: 0 0 20px 1px #9977DD; }

#main p {
  padding: .7em 0;
  line-height: 1.6em;
}
#main li a:link { font: 90%/130% Optima, Georgia, "Times New Roman", Times, serif; color:#fafafa; text-decoration:none; padding:4px 5px; background-color:#999; border-right: 1px solid #555;border-bottom: 1px solid #555;border-left: 1px solid #eee;border-top: 1px solid #999;}
#main li  a:visited { color:#f1f1f1; text-decoration:none; font-size:90%;padding:4px 5px; background-color:#999;border-right: 1px solid #555;border-bottom: 1px solid #555;border-left: 1px solid #eee;border-top: 1px solid #999;}
#main li  a:hover { color:#f0f0f0; text-decoration:none; font-size:90%; background-color:#666;padding:4px 5px;border: 1px solid #eee;}
#main li#active a { color:#666; text-decoration:none; font-size:90%; background-color:#555; padding:4px 5px;}

#main2 { font: 100%/135% Optima, Georgia, "Times New Roman", Times, serif; color: #333; background: #ddd;  width: 624px;  margin-top:15px;	padding: 10px 20px;	background-color: #f9f8f7;	font-size: 105%;	line-height: 135%;	position: relative; top: 110px; left:130px; }

#topnav { width:100%; text-align:right; margin:0 auto; border-bottom: 1px  solid #ccc;}	
#topnav a:link, #topnav a:visited { padding:3px 1px; color:#282864; font: 75%/140% optima, verdana; text-decoration:none;}
#topnav a:hover { background:#ccc; }#topnav a:active { background:#eee; color:#bbb; }
.chosen {background:#999; color:#fff; padding:3px 6px;font: bold 80%/140% optima, verdana; letter-spacing:1px; }

.email {color:#333;}
.label {padding: 6px 10px; font-size:85%;}
#info { font-size:80%;padding:10px; border-top: solid 1px #ddd; color:#666;}
#sidebar {position:absolute; top:120px; left:585px; background-color: #feffff;
border:2px solid #eee;}
#footer {padding-top:3px; font-size:95%; color:#123; margin:0;}

.post {font-size:90%;background-color:#fff; margin:2px -8px; padding:10px 20px; border:solid 1px #666;} form {font-size:80%;}

h1 { font-weight:bold;	font: 180%/135%   Optima, "Trebuchet MS", Verdana, sans-serif;
	color: #373756; text-align: left;  padding: 10px 0; }
h2 {font:135%/135% Optima, "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: #373756; padding: 10px 0 5px 0;}
h3 {	font: 115% Optima, "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: #373756;text-align: left; margin-bottom:.5em; margin-top:1em;}
h4 {	font: bold small-caps 115%  Optima, "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: #373756;	text-align: left;	padding-top: 0px;}
h5 {font: 100% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;color: #373756; margin-top:10px; margin-bottom:10px; }
h6 {  text-align:center; background-color:#adadac; margin:0; }
h6 a:link {color:#660033; font-family: Optima, Verdana; font-size: 85%;text-decoration:none;padding: 2px;}
h6 a:visited {color:#660033; text-decoration:none;padding: 2px;}
h6 a:hover {background-color: #fff; padding: 2px;}

.center_image {
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 50%;
	font-size: 60%; 
}

.center_image_100 {
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 100%;
}

.clearfix {
  overflow: auto;
}

.float_right {
	float:right; 
}

#arts {	text-align: right;}
#black {text-align: center;	vertical-align: middle;}
.text2 {font: 14px Georgia, "Times New Roman", Times, serif;	color: #000;	padding: 25px;}
#pulse {left: 250px;top: 100px;}
#ripple {background: #000;position: absolute;	left: -10px; padding: 260px 0 0 707px;
	top: 0px;height: 3350px;	width: 3250px; z-index: 1000;}
	

blockquote { font-size:95%; color:#444; border-left: #ddd solid 4px; margin: 15px; padding:0 12px;}
.border-off{
	border:none;
	font-size:100%;
	color:#000011;
	padding:0 10px;
	margin: 5px;
}
#rightbox { float:left; margin:10px;}
.label {color:#333; font-size:100%; padding-bottom:3px;}
.form { padding-left:4px;}
#email { color:#555;}
.right {float:right; margin: 15px 3px 15px 15px; border:1px #ddd solid;}
.left {float:left; margin: 15px 15px 15px 0px;border:1px #ddd solid;}

#menu { position:absolute; left:0; width:100px; top:150px; height:788px; }
#menu li { list-style-type:none; margin:0; padding:0; }
#menu ul { margin:0; padding:1px; }
#menu a { margin:0; text-align:left; border-bottom:0; display:block; text-decoration:none; padding:5px 10px; }
#menu ul a { margin:0; text-transform:capitalize; letter-spacing:1px; color:#fff; font:90% Optima, Verdana, sans-serif; text-align:left; }
#menu ul a:hover,#menu ul a:active,#menu ul a:focus { color:#ddd; font-weight:bolder; }
#photos { border-bottom: 1px #ddd solid;}
#photos h5 { font-size:180%; margin-top: 10px;}
#photos img { width:180px; float:right; margin:15px; border:#ddd solid 2px;}
#photos p { padding:15px 0;}
.title { font-weight:bold;	font: 150%/135%   "Trebuchet MS", Verdana, sans-serif;
	color: #373756; 
	text-align: left;  
	margin: 10px 0;
}
.item a img{opacity:1.0; filter: alpha(opacity=100);}
.item a:hover img{opacity:0.45; filter: alpha(opacity=45);}


#archives {  
	background: #eee; 
	padding: 0 20px; 
	position: absolute;  
	width: 785px; 
	left: 131px; 
	top: 115px; 
	z-index: 1; 
	margin-top:0; 
	border-top:2px solid #ccc;   
	border-left:2px solid #ccc;
	-moz-border-radius: 9px 1px;
	-webkit-border-radius: 9px 1px;  
	font-size:1.1em;
	}
#archives #links li a {
	padding:.7em .5em 1.7em;
	font-weight: lighter;
	font-size:1.1em;
}

#archives #links #article-links li a{
	padding: .8em .5em;
}

#links ul { margin-top: 20px; width: auto;} /* 780 */
#links li {font: 90%/120% Optima, Georgia, Times, serif;  color:#373756;margin: 0 0 8px 0;  padding:0px; background-color: #eee; border-bottom: 1px solid #999; }
#links li a:link, #main li a:link  { font: 90%/120% Optima, Georgia, Times, serif; color:#373756; text-decoration:none; padding:5px 5px 5px 15px; background-color:#eee;letter-spacing: 1px; font-weight: bold; }
#links li  a:visited {font: 90%/120% Optima, Georgia, Times, serif; color:#373756;letter-spacing: 1px; text-decoration:none; padding:5px 5px 5px 15px;  font-weight: bold; background-color:#eee;}
#links li  a:hover { 
	color:#f0f0f0; 
	text-decoration:none;  
	padding:5px 5px 5px 15px; 
	font-weight: bold; 
	border-radius:3px; 
        background: -webkit-linear-gradient(top, #7057b3 0%, #44219f 100%);
        background: linear-gradient(to bottom, #7057b3 0%, #44219f 100%);
}

#links li  a:active { color:#008; text-decoration:none;  padding:3px 5px; background-color:#eee;-moz-border-radius: 5px;
-webkit-border-radius: 5px 2px;font-weight: bold; }

#button {margin:15px 0 8px 0; position: relative; }
#button a:link, #button a:visited  { font: 90%/120% Optima, Georgia, Times, serif; color:#fff; text-decoration:none; padding:3px 5px; letter-spacing: 4px; font-weight: bold; width: 270px;margin-bottom: 5px;-moz-border-radius: 8px;
-webkit-border-radius: 8px 4px; border: none; background-color: #777; }
#button a:hover {background-color: #ddd; color: #666;}
/* 
.date {position:absolute; font: 75% Optima, Georgia, Times, serif; color: #1e0b67; right:40px; padding-top: 3px;}
*/
.date {float:left; font: 75% Optima, Georgia, Times, serif; color: #1e0b67; padding-top: 3px;}

ul.tabs li a {  
    background-image:url(images/tab_off.jpg);  
    background-repeat:repeat-x;    
    background-position:bottombottom;  
}  
ul.tabs li a.active {  
    background-image:url(images/tab_on.jpg);  
    background-repeat:repeat-x;  
    background-position:top;   
}  
.content {  
    background-image:url(images/content_bottom.jpg);  
    background-repeat:repeat-x;    
    background-position:bottombottom;   
}  

ul#links  { list-style-type: none; width: auto; }  /* 780 */


#links li a { display: block; text-decoration: none;}

 * html ul#links li a {  /* make hover effect work in IE */	width: auto;} /*780 */
#footer ul {margin-left: 24px; }
ul#one, ul#two, ul#three {  float: left; width: 180px;}
ul#one li, ul#two li, ul#three li{width: 180px;border-bottom: 1px solid #eee;}
ul#one li a:link, ul#two li a:link, ul#three li a:link { letter-spacing: 1px;background: white;color: #666; border: none; display: block; margin: 0;padding:1px 3px;line-height: 120%;}
ul#one li a:visited, ul#two li a:visited, ul#three li a:visited{ letter-spacing: 1px;background: white;color: #666;border: none; display: block;margin: 0;padding: 1px 3px;line-height: 120%;}
ul#one li a:hover, ul#two li a:hover, ul#three li a:hover{ letter-spacing: 1px;background: #999;color: #fff;border: none; display: block;margin: 0;padding: 1px 3px;line-height: 120%;}
 #notice {float:left;font-size: 85%; color: #555; margin-top: 10px;border-top: #333 solid 1px; line-height: 150%; letter-spacing: 1px; padding: 15px; }

#movie-block {
	box-shadow: 5px 10px 10px 2px #333333;
	background:#9977dd
	color:#fff;
	float-left;
}

.wp-caption-text {
	text-align:center;
	font-size:12px;
	margin-right:22px;
}

.wp-caption-text-1 {
	text-align:center;
	font-size:12px;
	margin-right:12px;
}

.alignright {float: right; margin: 0 0 10px 12px;}
.alignleft {float: left; margin: 10px 10px 0 0;}

.mm-float-right {
	box-shadow: 5px 10px 10px 2px #777777;
	float: right; margin: 15px 0 20px 25px;
}

#mm-page {
	padding:20px 60px 20px 25px;
}

.img-shadow {
    box-shadow: 5px 10px 10px 2px #333333;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-top: 5px;
    margin-right: 15px;
}

.img-shadow-0 {
    box-shadow: 5px 10px 10px 2px #333333;
    margin: 8px 15px 0 0;
}

.img-article-right {
    margin:0 .2em .5em 1.5em;
    float:right;
}

.img-article-left {
    margin: 0 1.5em .5em 0;
    float:left;
}

.flex-container {
      display: flex;
      align-items: center;
      height: 100%; /* Adjust the height as needed */
}

.line-break {
  margin-top: 3em; /* Adjust the margin as needed for spacing between lines */
}

.rounded-image {
  border-radius: 2px; /* You can adjust the radius value based on your preference */
}

.dashed {
	background-color:#EEE;
	border-style: none none dashed;
	border-width: 1px;
	color: #555;
}

.underline-link {
	text-decoration:underline;
}

a.abr-trans {
	float:right;
	padding: 7px;
	border-radius:10px;
	background:#ccc;
	color:#332266;
	margin: -40px 40px 0 0
}

a.abr-trans:hover {
	background:#bbb;
        color:#552266;
}

#hathor-article {
	padding-left:40px;
	padding-right:80px;
}

.art-table {display:table;}
.art-row {
	display:table-row;
}
.art-cell {
	display:table-cell;
	height:70px;
}
.art-right {text-align:right;}
.art-left {text-align:left;}
.art-center {text-align:center;}




.cart-icon, .cart-count {

	display:none;
}

.img-shadow-0 {
    box-shadow: 5px 10px 10px 2px #333;
    margin-left: 1.5em;
    margin-bottom: 2em;
    margin-right: .7em;
    margin-top: .2em;
}

/* Contact Button Style */

.btn {
	background: -webkit-linear-gradient(top, #7057b3 0%, #44219f 100%);
        background: linear-gradient(to bottom, #7057b3 0%, #44219f 100%);
	color:#fff;
        padding:.8em 0px;
        font-family:Optima, Verdana;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        border:1px solid #777;
        letter-spacing:1px;
        text-shadow:1px 1px 2px #1e0757;
        text-align:center;
        margin: 1.5em;
        width:180px;
        display:block;
	font-size:1.2em;
	clear:both;
}

.btn:hover {
	cursor:pointer;
	background: -webkit-linear-gradient(top, #44219f 0%, #44219f 100%);
        background: linear-gradient(to bottom, #44219f 0%, #44219f 100%);
        text-shadow:1px 1px 2px #111;
}


nav {
        display:none;
}

/* Responsive Design */
@media only screen and (max-width: 960px) {

        nav {
                display:block;
        }

        #menuMobile {
                width:470px;
        }


        #main, #archives {
                padding:0 2em;
                margin:auto;
                width:auto;
        }

        #tom2  {
                display:none;
        }

        body {
                font-size:1.5em;
                margin:auto;
                width:auto;
                overflow-x: hidden; 
        }



/* Responsive Design */
@media only screen and (min-width: 768px) {

        #banner-mobile {
                display:block;
                left:0;
        }

        #banner, #menu-fo {
                 display:none; 
        }

}
@media only screen and (max-width: 768px) {

	#archives #links li a {
    		padding: 1em 0.5em;
	}

        #menuMobile {
                width:470px;
        }

        #menuToggle {
                top:139px;
                left:22px;
        }

        #menuToggle span {
                background:#666;
        }

        body {
                font-size:2.2em;
        }

        #main, #footer {
                margin: 0 auto;
                left: 0;
                padding:3em 1.5em;
                overflow-x: hidden;
        }

	#archives {
                margin: auto .2em;
                left: 0;
                width: auto;
                padding:2em 2em;
                overflow-x: hidden;
        }

        #banner-mobile {
                display:block;
                left:0;
        }

        #banner, #left {
                display:none;
        }

        .date {
                display:none;
        }

        #fc_minicart {
                margin-right:10px;
                margin-top:0px;
        }

        .button-tkfc {
                width:140px;
        }

        .gdpr {
                display: none;
        }

   }



/* Portrait */
   /* 
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}
*/