/* Cyprus Go — site-canon.css
 * Canonical layout CSS (no Tempera theme CSS required).
 * Loaded BEFORE site-ui.css. Brand/UI overrides stay in site-ui.css.
 * Articles/archives also load page.css; homepage uses home.css.
 */

/* --- Base reset (replaces Tempera style.css) --- */
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 14px;
  line-height: 1.7;
  color: #000;
  background: #fff;
}
img {
  max-width: 100%;
  height: auto;
  border: 0;
}
a {
  color: #4b5deb;
  text-decoration: none;
}
a:hover {
  color: #59554e;
}
ul, ol {
  margin: 0 0 1em;
  padding-left: 1.4em;
}
p {
  margin: 0 0 1em;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 0.6em;
  line-height: 1.3;
}
#wrapper {
  min-width: 0;
}
#main,
#forbottom {
  clear: both;
}
.clear,
.clearfix {
  clear: both;
}
.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* Mobile menu open state handled in site-ui + site.js */

/* --- emoji / smilies --- */
img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}

/* --- custom background --- */
body.custom-background { background-color: #ffffff; }

/* --- Temperа theme options (was inline per page) --- */
#header, #main, #topbar-inner { max-width: 1150px; } #container.one-column { } #container.two-columns-right #secondary { width:380px; float:right; } #container.two-columns-right #content { width:680px; float:left; } /*fallback*/ #container.two-columns-right #content { width:calc(100% - 410px); float:left; } #container.two-columns-left #primary { width:380px; float:left; } #container.two-columns-left #content { width:680px; float:right; } /*fallback*/ #container.two-columns-left #content { width:-moz-calc(100% - 410px); float:right; width:-webkit-calc(100% - 410px); width:calc(100% - 410px); } #container.three-columns-right .sidey { width:190px; float:left; } #container.three-columns-right #primary { margin-left:30px; margin-right:30px; } #container.three-columns-right #content { width:650px; float:left; } /*fallback*/ #container.three-columns-right #content { width:-moz-calc(100% - 440px); float:left; width:-webkit-calc(100% - 440px); width:calc(100% - 440px);} #container.three-columns-left .sidey { width:190px; float:left; } #container.three-columns-left #secondary {margin-left:30px; margin-right:30px; } #container.three-columns-left #content { width:650px; float:right;} /*fallback*/ #container.three-columns-left #content { width:-moz-calc(100% - 440px); float:right; width:-webkit-calc(100% - 440px); width:calc(100% - 440px); } #container.three-columns-sided .sidey { width:190px; float:left; } #container.three-columns-sided #secondary { float:right; } #container.three-columns-sided #content { width:650px; float:right; /*fallback*/ width:-moz-calc(100% - 440px); float:right; width:-webkit-calc(100% - 440px); float:right; width:calc(100% - 440px); float:right; margin: 0 220px 0 -1090px; } body { font-family: Verdana, Geneva, sans-serif ; } #content h1.entry-title a, #content h2.entry-title a, #content h1.entry-title , #content h2.entry-title { font-family: Verdana, Geneva, sans-serif ; } .widget-title, .widget-title a { line-height: normal; font-family: Verdana, Geneva, sans-serif ; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, #comments #reply-title, .nivo-caption h2, #front-text1 h1, #front-text2 h1, .column-header-image { font-family: Verdana, Geneva, sans-serif ; } #site-title span a { font-family: Verdana, Geneva, sans-serif ; } #access ul li a, #access ul li a span { font-family: Verdana, Geneva, sans-serif ; } body { color: #000000; background-color: #FFFFFF } a { color: #4b5deb; } a:hover,.entry-meta span a:hover, .comments-link a:hover { color: #59554E; } #header { background-color: #FFFFFF; } #site-title span a { color:#000000; } #site-description { color:#000000; background-color: rgba(255,255,255,0.3); padding-left: 6px; } .socials a { background-color: #9BBDB9; } .socials-hover { background-color: #59554E; } /* Main menu top level */ #access a, #nav-toggle span { color: #FFFFFF; } #access, #nav-toggle {background-color: #89511e; } #access > .menu > ul > li > a > span { border-color: #6b3300; -moz-box-shadow: 1px 0 0 #a16936; -webkit-box-shadow: 1px 0 0 #a16936; box-shadow: 1px 0 0 #a16936; } #access a:hover {background-color: #965e2b; } #access ul li.current_page_item > a, #access ul li.current-menu-item > a, #access ul li.current_page_ancestor > a, #access ul li.current-menu-ancestor > a { background-color: #965e2b; } /* Main menu Submenus */ #access > .menu > ul > li > ul:before {border-bottom-color:#FFFFFF;} #access ul ul ul:before { border-right-color:#FFFFFF;} #access ul ul li { background-color:#FFFFFF; border-top-color:#ffffff; border-bottom-color:#f4f4f4} #access ul ul li a{color:#FFFFFF} #access ul ul li a:hover{background:#ffffff} #access ul ul li.current_page_item > a, #access ul ul li.current-menu-item > a, #access ul ul li.current_page_ancestor > a, #access ul ul li.current-menu-ancestor > a { background-color:#ffffff; } #topbar { background-color: #FFFFFF;border-bottom-color:#ffffff; box-shadow:3px 0 3px #d7d7d7; position:fixed;top:0;z-index:252;opacity:0.8; } #header-full {margin-top:30px;} .topmenu ul li a { color: #000; } .topmenu ul li a:hover { color: #89511e; border-bottom-color: #89511e; } #main { background-color: #FFFFFF; } #author-info, #entry-author-info, .page-title { border-color: #89511e; background: #FFFFFF; } #entry-author-info #author-avatar, #author-info #author-avatar { border-color: #FFFFFF; } .sidey .widget-container { color: #333333; background-color: #FFFFFF; } .sidey .widget-title { color: #FFFFFF; background-color: #89511e;border-color:#612900;} .sidey .widget-container a {color:;} .sidey .widget-container a:hover {color:;} .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { color: #c28247; } .sticky .entry-header {border-color:#89511e } .entry-title, .entry-title a { color: #3852f5; } .entry-title a:hover { color: #61928C; } #content h3.entry-format { color: #FFFFFF; background-color: #89511e; } #footer { color: #FFFFFF; background-color: ; } #footer2 { color: #FFFFFF; background-color: #89511e; } #footer a { color: #FFFFFF; } #footer a:hover { color: #9BBDB9; } #footer2 a, .footermenu ul li:after { color: #FFFFFF; } #footer2 a:hover { color: #9BBDB9; } #footer .widget-container { color: #FFFFFF; background-color: #89511e; } #footer .widget-title { color: #59554E; background-color: #FFFFFF;border-color:#d7d7d7 } a.continue-reading-link, #cryout_ajax_more_trigger { color:#FFFFFF !important; background:#89511e; border-bottom-color:#89511e; } .page-link a, .page-link > span > em {border-color:#999} .columnmore a {background:#59554E;color:#FFFFFF} .columnmore a:hover {background:#89511e;} .file, .button, #respond .form-submit input#submit, input[type=submit], input[type=reset] { background-color: #FFFFFF; border-color: #999; box-shadow: 0 -10px 10px 0 #FFFFFF inset; } .file:hover, .button:hover, #respond .form-submit input#submit:hover { background-color: #FFFFFF; } .entry-content tr th, .entry-content thead th { color: #c28247; } .entry-content fieldset, #content tr td,#content tr th, #content thead th { border-color: #999; } #content tr.even td { background-color: #FFFFFF !important; } hr { background-color: #999; } input[type="text"], input[type="password"], input[type="email"], input[type="file"], textarea, select, input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="month"],input[type="number"],input[type="range"], input[type="search"],input[type="tel"],input[type="time"],input[type="url"],input[type="week"] { background-color: #FFFFFF; border-color: #999 #FFFFFF #FFFFFF #999; color: #000000; } input[type="submit"], input[type="reset"] { color: #000000; background-color: #FFFFFF; border-color: #999; box-shadow: 0 -10px 10px 0 #FFFFFF inset; } input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, textarea:hover, input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="range"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover { background-color: rgba(255,255,255,0.4); } .entry-content code { border-color: #999; border-bottom-color:#89511e;} .entry-content pre { border-color: #999; background-color:#FFFFFF;} .entry-content blockquote { border-color: #FFFFFF; } abbr, acronym { border-color: #000000; } .comment-meta a { color: #000000; } #respond .form-allowed-tags { color: #000000; } .reply a{ background-color: #FFFFFF; border-color: #FFFFFF; } .reply a:hover { background-color: #89511e;color: #4b5deb; } .entry-meta .icon-metas:before {color:#89511e;} .entry-meta span a, .comments-link a {color:#89511e;} .entry-meta span a:hover, .comments-link a:hover {color:#89511e;} .nav-next a:hover {} .nav-previous a:hover { } .pagination { border-color:#f5f5f5;} .pagination span, .pagination a { background:#FFFFFF; border-left-color:#e5e5e5; border-right-color:#ffffff; } .pagination a:hover { background: #ffffff; } #searchform input[type="text"] {color:#000000;} .caption-accented .wp-caption { background-color:rgba(137,81,30,0.8); color:#FFFFFF} .tempera-image-one .entry-content img[class*='align'],.tempera-image-one .entry-summary img[class*='align'], .tempera-image-two .entry-content img[class*='align'],.tempera-image-two .entry-summary img[class*='align'] { border-color:#89511e;} #content p, #content ul, #content ol, #content, #frontpage blockquote { text-align:Left ; } #content p, #content ul, #content ol, .sidey, .sidey a, table, table td { font-size:14px; word-spacing:Default; letter-spacing:Default; } #content p, #content ul, #content ol, .sidey, .sidey a { line-height:1.7em; } #content h1.entry-title, #content h2.entry-title { font-size:18px ;} .widget-title, .widget-title a { font-size:18px ;} #content .entry-content h1 { font-size: 35px;} #content .entry-content h2 { font-size: 31px;} #content .entry-content h3 { font-size: 26px;} #content .entry-content h4 { font-size: 22px;} #content .entry-content h5 { font-size: 18px;} #content .entry-content h6 { font-size: 13px;} #site-title span a { font-size:30px ;} #access ul li a { font-size:14px ;} #access ul ul ul a {font-size:12px;} #respond .form-allowed-tags { display:none;} .nocomments, .nocomments2 {display:none;} .comments-link span { display:none;} #header-container > div { margin:15px 0 0 10px;} #content p, #content ul, #content ol, #content dd, #content pre, #content hr { margin-bottom: 1.0em; } #nav-toggle { text-align: left; } #toTop {background:#FFFFFF;margin-left:1300px;} #toTop:hover .icon-back2top:before {color:#59554E;} #main {margin-top:0px; } #forbottom {margin-left: 0px; margin-right: 0px;} #header-widget-area { width: 25%; } #branding { height:110px; }

/* --- Canon layout safety (must keep) --- */
section#container.two-columns-right { overflow: hidden; }
#container.two-columns-right #content {
  float: left;
  width: calc(100% - 410px);
  max-width: 680px;
}
#container.two-columns-right #secondary { float: right; width: 380px; }
/* HTML must close content before sidebar: </div><!-- #content --> */

.entry-content img.alignright {
  float: right;
  margin: 0 0 1em 1.2em;
  max-width: 45%;
  height: auto;
}
.entry-content img.alignleft {
  float: left;
  margin: 0 1.2em 1em 0;
  max-width: 45%;
  height: auto;
}
.entry-content img.aligncenter {
  display: block;
  margin: 0.8em auto;
  height: auto;
  max-width: 100%;
}
.entry-content::after {
  content: "";
  display: table;
  clear: both;
}

/* Thumbnail galleries (e.g. souvenir prices) */
.gc-price-gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin: 1.2em 0 1.6em;
  clear: both;
}
.gc-price-gallery a {
  display: block;
  margin: 0;
  line-height: 0;
  border: 1px solid #e5e5e5;
  background: #f7f7f7;
  overflow: hidden;
}
.gc-price-gallery img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display: block;
  margin: 0 !important;
  float: none !important;
}
@media (max-width: 720px) {
  .gc-price-gallery { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 480px) {
  .gc-price-gallery { grid-template-columns: repeat(2, 1fr); }
}

/* Related: layout lives in site-ui.css (grid cards).
   Here only neutralize Temperа .entry-content ul/li rules that break the block. */
.entry-content .gc-related,
.entry-content .wp_rp_wrap {
  clear: both;
}
.entry-content .gc-related ul.related_post,
.entry-content .wp_rp_wrap ul.related_post {
  margin-left: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 0 !important;
  list-style: none !important;
}
.entry-content .gc-related ul.related_post > li,
.entry-content .wp_rp_wrap ul.related_post > li {
  list-style: none !important;
  width: auto !important;
  float: none !important;
  max-width: none !important;
}