/*
Theme Name: Sadie Kaye V2
Theme URI: https://www.sadiekaye.tv/
Description: Updated version of the original Sadie Kaye theme (same look, modernised code).
Version: 2.0.0
Author: Remus Mihalache
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: sadiekaye-v2
*/

/* ---- Base ---- */
* {margin: 0; padding: 0;}
body {font-family: Arial, helvetica, sans-serif; background-color: #dfdcd3;}
td {font-family: Verdana, Geneva, Arial, helvetica, sans-serif; text-align: left; padding-right: 7px;}
td a, td a:hover {color: #720d1b; text-decoration: none;}
th {font-family: Verdana, Geneva, Arial, helvetica, sans-serif;}
.clear {clear: both;}

/* ---- Frame: rounded top/bottom images with the content background between ---- */
#container {width: 810px; height: auto; position: relative; margin: 15px auto; padding: 0;}
#container_top {font-size: 0;}
#content {width: 784px; margin: 0; padding: 0 18px 0 8px; background-image: url('images/content_bg.jpg'); background-repeat: repeat-y;}

/* ---- Header: logo and top menu ---- */
#header #logo {float: left; padding: 0 10px;}
#header #menu {width: 575px; float: right; margin-top: 14px; position: relative; z-index: 500;}
#header #menu ul {font-size: 13px; font-weight: bold; list-style-type: none; margin: 0; padding: 0;}
#header #menu ul li {float: left; position: relative;}
#header #menu ul li span {margin: 0 8px; font-size: 10px; vertical-align: baseline; float: left; margin-top: 2px; color: #9e9d9d;}
#header #menu ul li a {float: left; color: #717070; text-decoration: none;}
#header #menu ul li a.selected,
#header #menu ul li a:hover {color: #f84270;}

/* Drop-down of sub-pages (shown by js/dropdowns.js) */
#header #menu ul ul.children {background-color: #e0e0d6; position: absolute; z-index: 500; padding: 0 0 0 10px; left: -10px; display: none;}
#header #menu ul ul.children li {float: none; text-align: left; position: relative; z-index: 500;}
#header #menu ul li ul.children li a {float: none; font-size: 11px; border: none; color: #717070; display: block; width: 150px; padding: 5px;}
#header #menu ul li ul.children li a:hover {color: #f84270;}

/* ---- Left column ---- */
#left_side {float: left; width: 190px; margin-top: 10px;}
#left_side p {padding: 10px 0; text-align: center;}
#left_side ul {font-size: 13px; font-weight: bold; list-style-type: none; margin: 0; padding: 0 5px 30px 10px;}
#left_side ul li {position: relative; line-height: 22px; padding-bottom: 5px; border-bottom: dotted 1px #9E9D9D; padding-top: 2px; margin-right: 5px;}
#left_side ul li a {color: #717070; text-decoration: none;}
#left_side ul li a.selected,
#left_side ul li a:hover {color: #f84270;}

/* ---- Main column ---- */
#main {float: left; width: 585px; margin-top: 10px; font-size: 12px; min-height: 400px; position: relative; z-index: 1;}
#main h1 {color: #ff4372; font-size: 20px; margin-bottom: 5px; font-weight: normal;}
#main h1 a {color: #ff4372; font-size: 20px; text-decoration: none;}
#main h2 {font-size: 20px; margin: 5px 0;}
#main h3 {color: #000; font-size: 14px; margin: 10px 0;}
#main p {line-height: 22px; padding: 5px 0;}
#main p img {border: none; margin: 2px;}
#main p strong {color: #f84270;}
#main a {text-decoration: none; color: #737373;}
#main a:hover {text-decoration: underline; color: #f84270;}

/* Older/newer links on lists of posts */
#main .nav-links {overflow: hidden; padding: 10px 0; font-weight: bold;}
#main .nav-links .nav-previous {float: left;}
#main .nav-links .nav-next {float: right;}

/* Search form (search page) */
#main .search-form {padding: 5px 0;}
#main .search-form .search-field {font-size: 12px; padding: 3px 5px; width: 220px;}

/* ---- WordPress helpers ---- */
.screen-reader-text {border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important;}