/*
Theme Name: Taki's Magazine
Theme URI: https://disegno.co.uk/web-design
Author: Tiziano
Author URI: https://disegno.co.uk/
Description: Created by Wordpress Team, modded by Tiziano
Version: 0.9.0.12
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: takimag
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments
*/

/* this used to be reset css, but has been modded (badly) for some reason?! */


article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display:block;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


/* @end */

/* @group Grid */
/* --------------------------------------------------------------

   grid.css
   * Sets up an easy-to-use grid of 24 columns.

   By default, the grid is 950px wide, with 24 columns
   spanning 30px, and a 10px margin between columns.

   If you need fewer or more columns, namespaces or semantic
   element names, use the compressor script (lib/compress.rb)

-------------------------------------------------------------- */

/* Use this class on any .span / container to see the grid. */
.showgrid {
  background: url(src/grid.png);
}


/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {
  float: left;
  margin-right: 10px;
}

/* The last column in a row needs this class. */
.last { margin-right: 0; }


/* Border on right hand side of a column. */
.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}


/* Misc classes and elements
-------------------------------------------------------------- */

/* In case you need to add a gutter above/below an element */
.prepend-top {
  margin-top:1.5em;
}
.append-bottom {
  margin-bottom:1.5em;
}


/* Use this to create a horizontal ruler across a column. */
hr {
  background: #f2f2f2;
  clear: both;
  float: none;
  width: 90%;
  height: 1px;
}

hr.space{
  margin: 0;
  padding: 0;
  height: 1px;
  background: #fff;
  visibility: hidden;
}

hr.break{
  margin: 0;
  padding: 0;
}
/* used with hr for some reason */
.ptb-30 { margin: 2rem 0; }


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow:hidden;
}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }



/* @end */

/* @group Typography */

/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.

-------------------------------------------------------------- */

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }
body {
  color: #222;
  background: #fff;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 1.5em; }
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

blockquote  { 
	margin:1.5em 2em;
	color: #666666;
	font-style: italic;
}
blockquote p, blockquote p a {font-weight:900;font-style:italic;margin: 0 0 0.5em;}
blockquote p strong {color: #991c1c;border-bottom: dotted 1px #ddd;}
span.normaltext { font-style: normal; }


strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'Quattrocento', serif; line-height: 1.5; }



/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th    { background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: transparent; }
tfoot       { font-style: italic; }
caption     { background: #eee; }



/* @end */

/* @group Forms */

/* --------------------------------------------------------------

   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms

   Usage:
   * For text fields, use class .title or .text
   * For inline forms, use .inline (even when using columns)

-------------------------------------------------------------- */

label       { font-weight: bold; }
fieldset    { padding:0 1rem; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  background-color:#fff;
  border:1px solid #bbb;
}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border-color:#666;
}

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  margin:0.5em 0;
}

input.text,
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 250px; padding:5px; }

input[type=checkbox], input[type=radio],
input.checkbox, input.radio {
  position:relative; top:.25em;
}

form.inline { line-height:3; }
form.inline p { margin-bottom:0; }


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice,
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

/* @end */



/* @end */

/* @group Structure */

/* extend width for wide screens */
@media (min-width: 1680px) {.container { max-width: 1400px;}}
/* revoked! remove unnecessary padding from main column container 
.col-md-12 { padding: 0; }
*/

.container_outer{
  width: 1024px;
  margin: 1em auto 2em;
  //border: 1px solid #dadada;
  padding: 0;
  
}

.column_center{height: 100%;
  float: left;
  margin-right: 0;
  border-right: 1px solid #dadada;
  border-left: 1px solid #dadada;
  width: 478px;
  background-color: #FFF;
}

.column_full{
  height: 100%;
    float: left;
    margin-right: 0;
    border-right: 1px solid #dadada;
    width: 690px;
    background-color: #FFF;
  
}

.column_wide{
  width: 482px;
}
.column_right{
  float: left;
margin-right: 0;
  width: 275px;
}

.column_right_wide{
  width: 295px;
}

.column_left{
  float: left;
  margin-right: 0;
  width: 213px;
}

.content{clear: both;
  /*background-color: #ccc;*/
  border: 1px solid #dadada;
  /*border-top-style: none;*/
  background: url(/images/global/taki_bkgrnd_478_v4b.png) repeat-y center bottom;
}


.content_clean{clear: both;
  /*background-color: #ccc;*/
  border-top: 1px solid #dadada;
    border-left: 1px solid #dadada;
      border-bottom: 1px solid #dadada;
  /*border-top-style: none;*/
  border-right: none;

}

.left_border{
  border-left: 1px solid #dadada;
}

#top{height: 125px;
  width: 995px;
  border-bottom: 1px solid #dadada;
/*  background: url(/images/global/taki_banner_img_v2.png) no-repeat right top; */
  background: url(../images/tm-logo.svg) no-repeat right top;
}

#ad_leaderboard{height: 90px;width: 728px;
  margin: .5em 0 .25em 212px;
}

.column{
  margin-right: 0px;
}

/* @end */

/* @group Navigation */

#nav li{list-style-type: none;}
#nav #mainmenu li a,#nav #mainmenu li a:visited,#nav #mainmenu li a:active {
  font-family: 'Open Sans', sans-serif;
  color: #114c64;
  font-size: 16px;
  text-transform: uppercase;
  transition:color 333ms;
}

#footer p {
	font-family:"Quattrocento",serif;
	color: #7b8da2; 
	font-size: 0.9rem;
	letter-spacing: 1px;
} 
#footer p a{color:#da464f;}
#footer p a:hover {
	color: #fff;
	text-decoration: none;
}

#footer-menu-cont {border: 1px solid #7b8da2;border-left:none;border-right:none;}

#footermenu {
	list-style-type: none;
	margin: 2em auto;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#footermenu li a,#footermenu li a:visited,#footermenu li a:active {
  font-family: 'Open Sans', sans-serif;
  color: #ffffff;
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition:color 333ms;
}
/* pink */
#nav #mainmenu li a:hover,#footermenu li a:hover {color: #da464f;text-decoration: none;}

#footer-takicpyr { padding: 1rem 0; }
#footer-takicpyr p { font-family:"Open+Sans",sans-serif; font-size:0.5rem; margin:0; text-align: center;}

#footerlinks {
    text-align: center;
    font-size: 14px;
}
#footerlinks a, #footerlinks a:visited {color: #7b8da2;transition:color 333ms;}
#footerlinks a:hover {color: #fff;}

/* @end */

/* @group Lists */

.sidebar ol{
  padding: 0 0 0 1em;
  margin: 0;
}
.sidebar ol li{
  margin-left: 0;
  padding-bottom: 15px;
  color: #114c64;
  font-size: 14px;
}

.sidebar ol li a,
.sidebar ol li a:link,
.sidebar ol li a:active{
    color: #114c64;
  text-decoration: none;
  font-weight: bold;
}

.sidebar ol li a:visited{
  text-decoration: none;
  color: #155d7a;
}

.sidebar ol li a:hover{
  color: #da464f;
}

.sidebar ul{
  padding: 0;
  margin: 0;
}
.sidebar ul li {
  list-style-type: none;
  text-align: center;
  margin: 0 auto;
  padding: 0 0 15px;
}

.sidebar ul li a,.sidebar ul li a:active,.sidebar ul li a:visited {
  font-family:'Open Sans', sans-serif;
  color: #114c64;
}
.sidebar ul li a:hover{
  color: #da464f;
}

ul.horizontal_list{
  margin: 0;
  padding: 0;
  text-align: center;
  
}
ul.horizontal_list li{
      color: #da464f;
  font-size: .9em;
  margin-left: auto;
  list-style-type: none;
  text-align: center;
  text-transform: none;
  margin-right: auto;
  display: inline;
}


ul.horizontal_list li a,
ul.horizontal_list li a:link,
ul.horizontal_list li a:active{
  font-size: 1.25em;
    color: #114c64;
  text-decoration: none;
  padding-top: .25em;
  text-transform: none;
  padding-right: 0;
  padding-left: 0;
  margin: 0;
  font-weight: bold;
}

ul.horizontal_list li a:visited{
  text-decoration: none;
}

ul.horizontal_list li a:hover{
  color: #da464f;
}



ul#selector{
  text-align: center;
  padding: 0;
}

ul#selector li{
  display: inline;
  list-style-type: none;
  border-right: 1px solid #114c64;
  padding: 0;
  margin: 0;
  vertical-align: text-bottom;
  font: .7em 'Quattrocento', serif;
}

ul#selector li a,
ul#selector li a:link,
ul#selector li a:visited,
ul#selector li a:active

{ color: #114c64;
  text-decoration: none;
  margin: 0;
  padding: .15em .6em;
}

ul#selector li a:hover{
  color: #fff;
  background-color:#da464f ;
  padding: .15em .6em;
}

ul#selector li.first a{
margin-left: 2em;
}

ul#selector li.last{
border-right: none;
}

/* @end */

/* @group Text */

.underline{text-decoration: underline;}
.strike{text-decoration: line-through;}
.no-italic{font-style: normal;}

/* body text */
p {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 28px;
}

a,a:hover {text-decoration: none;}

/* intra text links */
p a {
	color: #da464f;
	font-weight: 400;
	border-bottom: 1px solid #0000;
	transition:color 333ms,border-bottom-color 333ms;
}
p a:hover {
	color: #114c64;
	border-bottom: 1px solid #0002;
}

p.summary{text-align: justify;}

span.caption {
	font-family: 'Quattrocento', serif;
	display:block;
	padding: 8px; 
	background-color:#f9f9f9;
	font-size: 15px;
	font-style: italic;
	color: #6c7780;
	line-height: 22px;
}

/* headings */
h1,h2,h3,h4,h5 {font-family: 'Quattrocento', serif;}

h2 { text-transform: uppercase; color: #da464f; }
h2.title { margin-bottom: .25em;}

h2 a,h2 a:active,h2 a:visited {
	color:#da464f;
	transition:color 500ms;
}
h2 a:hover{color:#114c64;}
/* front page headings */
.takis-top-drawer h2, .cultural-section h2, .politics-section h2, .twtp-section h2, .columnists-sec h2 { 
	text-align: center; 
	color: #da464f; 
	text-transform: uppercase;
	margin-bottom: 1.5rem;
}
.columnistsbox h2 { text-align: center;}
.sdcard .box h2 { font-size: 1.75rem; margin-bottom: 0.5rem; line-height:1; }

h3 {
	font-family: 'Open Sans', sans-serif;
	color: #114c64;
}
/* top article heading */
h3.title { font-family: 'Quattrocento', serif; font-size: 2rem; }
/* sidebar and post list headings */
.tm-list-post h3.title, .master-head-right-block h3.title { font-size: 1.25rem;}
/* articles with exerpts */
.takis-list-post h3.title { font-size: 1.5rem;}

.sidebar h3{ font-size: 1.5rem;text-align: center;}
h3 a,h3 a:active,h3 a:visited{
	color: #114c64;
	transition:color 333ms;
}
h3 a:hover{ color:#da464f;}
h3.fancy{color:#da464f;}
h3.columnists{
  display: block;
  height: 28px;
  width: 140px;
  margin: 0 auto;
  background: url(/images/global/taki_heading_columnists.png) no-repeat center center;
  text-indent: -9000em;
  padding-bottom: 23px;
}
.columnists-sec h3.author { font-size:1rem;}

h4,.meta {
	font-size: 1.25rem;
	font-weight: 600;
  color: #da464f;
  text-transform: uppercase;
}
h4 a, h4 a:active,h4 a:visited {color:inherit; transition:color 333ms;}
h4 a:hover{ color:#114c64;}
h4.heading{ margin-top: 1em;}

/* sidebar title */
.colorbox h4 {
	color: #da464f;
	font-size: 2rem;
	font-weight: 400;
}
.main-sec h4 { margin-bottom:0.25rem;}
.main-sec .takis-post-details h4 {margin:0 0 0.5rem;line-height:1;}
.main-sec .master-head-right-block {text-align:center;}

h5 {color: #114c64;}
h5 a,h5 a:link,h5 a:active,h5 a:visited {color: #da464f;transition:color 333ms;}
h5 a:hover{color:#114c64;}
h5.contributor {font-size: 1.25em;}
h5.contributor a,h5.contributor a:link,h5.contributor a:active,h5.contributor a:visited {color: #114c64;transition:color 333ms;}
h5.contributor a:hover{color: #da464f;}

f{
  margin: 0 auto 20px;
}

.center{ text-align: center; }

.byline {
  font-size: 16px;
  color: #666;
  font-family: 'Quattrocento', serif;
}

p.byline{
	line-height: 1.0;
  margin-bottom: .5em;
}

.date{
  font-size: .95em;
  font-style: italic;
  color: #999;
}
.date_sm{
  font-size: .85em;
  font-style: italic;
  color: #999;
}


p img.left  { float: left; margin: 0 1em 0 0; padding: 0; }
/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
.left{
  float: left;margin-right: 30px;
}

.img_article {
	float: left;
	width: auto;
	background: #0002;
	margin: 0 1rem 1rem 0;
	display: inline-block;
}

.img_article img {
	width: auto;
	line-height:1.0;
	display:block;
	max-width:40vw;
	min-width:20rem;
}

.img_article p {
  font-style: italic;
  font-weight: 600;
  font-family: 'Quattrocento', serif;
  color: #114c64;
}

.img_article .image-caption {
	margin: 0.25rem;
  line-height: 1.0;
}

.img_article .image-credit {
	font-style: normal;
	font-weight: 300;
	font-family: 'open sans', sans-serif;
	margin: 0.3rem;
	font-size: 12px;
	line-height: 1.0;
}

.pagination {
  background-color: #f7f7f7;
  border: 1px solid #eaeaea;
  padding: .5em;
}

.pagination p {
	font-size: .5em;
	margin: 0;
}

.pagination .post-page-numbers {font-size: 12px;}

.big{
  font-size: 1.125em;
}

p.fancy_script{
  font-style: italic;
  color: #ec2a38;
}

/* @end */

/* @group Forms */
.simple_search{
  width:220px;
  width: 200px; /* [dj] */
width: 270px;
  padding:.45em 0 .45em .55em;
  color:#999;
  background-color:#fff;
  border-color:#dadada;
  font-style:italic;
  float:right;
}

.nice_form{
  color:#999;
  padding:.45em 0 .45em .55em;
  font-size: 1.1em;
  border-color:#dadada;
}

div.mc-field-group input{
  width: 100%;margin: 0;padding:.45em 0 .45em .55em;
  color:#000;
  background-color:#fff;
  border-color:#dadada;
  font-style: normal;
  text-align: left;
  font-family: 'Open Sans', sans-serif;
}

/* @end */

/* @group Tables */


table.column_entries{
  margin: 0;
  padding: 0;
  vertical-align: top;
}

table.column_entries tr.odds{
    
    
    
}
table.column_entries tr.evens{
        
}


table.column_entries td{
  vertical-align: top;
  padding: 30px;
  text-align: center;
  border-bottom: 1px solid #dadada;
  width: 50%;
}



td.odds{
  border-right: 1px solid #dadada;
}

td.evens,
td.odds
{
background-color: #FFF;
}

td.single{
  border-right: none;
}

td.no_border{
  border-bottom: none;
}

/* @end */

/* @group Extras */

.width_550{
  width: 550px;
}

.print_only{
  display: none;
}

.box {
  border-bottom: 2px solid #114c64
}

.no_padding{
padding: 0;
}

.no_border{
  border-top: none;
  border-bottom: none;
  border-right: none;
  border-left: none;
}


.box_sm_left{
  float: left;
  padding-right: 15px;
}

.box_sm_right{
  float: left;
  padding-left: 15px;
}

#slideshow{
  width: 477px;
  height: 225px;
  overflow: hidden;
  background-color: #FFF;

}

#slideshow_navigation{
  padding-left: 190px;
  border-bottom: 1px solid #dadada; 
  padding-bottom: .5em;
  font-size: .92em;
  background-color: #FFF;
}
#slideshow div{display: block;  background-color: #FFF;}
#slideshow .box{border-bottom: none;  background-color: #FFF;}

#takis_top_drawer{margin: 0 auto;}
#takis_top_drawer div{
  display: block; 
  text-align: center;
  width: 210px;
  height: 125px;
  overflow: hidden;
  margin: 0 auto;
}
#takis_top_drawer p{margin: 0;padding: 0;}
#takis_top_drawer .box{border-bottom: none;}

#takis_top_drawer h3 a{
  margin: 0;padding: 0;
}

#plebs_gallery{
margin: 0 auto;
  
}

#plebs_gallery div{
  display: block; 
  text-align: center;
  width: 250px;
  height: 390px;
  overflow: hidden;
  margin: 15px auto;
}
#plebs_gallery p{
margin: 0;padding: 0;
  
}
#plebs_gallery .box{border-bottom: none;}

.addthis_toolbox{
  margin: 0 auto 2em 5px;
}

.addthis_toolbox a{
color: #da464f;
  margin-right: .75em;
}

#plebs_gallery_page{
margin: 0 auto;
  
}

#plebs_gallery_page div{
  display: block; 
  text-align: center;
  width: 400px;
  height: 490px;
  overflow: hidden;
  margin: 15px auto;
}
#plebs_gallery_page p{
margin: 0;padding: 0;
  
}

/*.plebs_img{ background-color: #f3f3f3;
  position: relative;
  top: 30%;
}*/
#plebs_gallery_page .box{border-bottom: none;}

/*.plebs_title{
  position: relative;
  bottom: -20%;
}*/

.content img{
  max-width: 516px;
}
#taki_nav a{
  line-height: 100%;
}

/* radioderb specific styling */

.cp-player {
  clear: both;
}

.no-float { float: none; }

/* end of article page */

/* @end */

#taki_nav, #plebs_nav {
	text-align: center;
	padding: 0;
	font: .8em 'Quattrocento', serif;
	vertical-align: text-bottom;
}

.last a,
.first a,
#slideshow_nav a,
#taki_nav a, #plebs_nav a {
  border-right: 1px solid #888;
  color: #114c64;
  text-decoration: none;
  margin: 0;
  padding: .15em .6em .25em;
  font-family: 'Quattrocento', serif;
}


#slideshow_nav a.activeSlide,
#taki_nav a.activeSlide, 
#plebs_nav a.activeSlide {
  background: #da464f;
  color: #fff;
}

#slideshow_nav a:focus,
#taki_nav a:focus, 
#plebs_nav a:focus {
  outline: none;
}

.slideshow_first a,slideshow_last a,.first a,.last a {
  border-right: none;
  text-decoration: none;
  text-align: center;
}

/* page nav for multi-page lists v2 20240221 */
.navigation {
	font-family: 'Quattrocento', serif;
	background-color: #f7f7f7;
	border: 1px solid #eaeaea;
	padding: 0.5rem;
	text-align: center;
	margin: 0 auto 1.5rem;
	border-radius: 0.75rem;
	width: 90%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.navigation .nav-pagenum {display: inline-block;margin: 0.25rem 0.5rem;}
.navigation ul{ margin: 0; padding: 0; color: #222; display: inline-block; }

.navigation li {
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0.25rem;
	line-height: 1;
	background-color: #ffebeb;
	border: 0;
	border-radius: 3px;
	box-shadow: 0 0 4px #e7adad;
	min-width: 3rem;
	transition: background-color 333ms; 
}
.navigation li:hover { background-color: #e9cddc; }
.navigation li:first-child { min-width: 8rem; }
.navigation li:last-child { min-width: 6rem; }
.navigation li.active { min-width: 3rem; background-color: #ffe0e0;}
.navigation li.disabled { color: #bbb;}
.navigation li a { color: #da464f; text-decoration:none; display: block; width: 100%;padding: 0.5rem 0;}
.navigation li.active a { color: #222; font-weight: 900; font-size: 150%; }
.navigation li.ellipsis { background-color: transparent; border: 0; box-shadow: none; min-width: unset; padding: 0.25rem;}

#footer #footermenu li { margin: 0.25rem; }

#nav #mainmenu li.current-menu-item a, #footer #footermenu li.current-menu-item a {
  color: #da464f;
}


/* contributor page */
#contributor-list { margin:2rem 0; }
#contributor-list-nav { text-align: center; }
#contributor-list-nav, #contributor-list { padding: 0;}
.ln-letters { font-size: 2rem; display: inline;}

#contributor-list li {
  font-family:'Open Sans',sans-serif;
  float: left;
  width: 25%;
  list-style: none;
  margin: 0 0 0.5rem 0;
}

#contributor-list li a {
  color: #114c64;
  font-size: 1em;
  transition:color 500ms;
}
#contributor-list li a:hover{
  color: #da464f;
}

/*authors page css*/
.author-details .box { border-bottom: 4px solid #cdc4bd; }
.author-desc {font-size: 1.33rem;line-height: normal;margin-bottom: 1rem;}

.author-details .author-avatar {
	width: auto;
	margin: 0 1rem 0 0;
	min-height: 8rem;
}


#comment{
  width: 98%;
  height: 50px;
  padding: 5px 4px;
  display: block;
}
#commentform input[type=text]{
  
  display: block;
  width: 98%;
  padding: 5px 5px;
}
#submit {
  background: #264669;
  border: none;
  color: #fff;
  padding: 10px 20px;
  cursor: pointer;
}
#submit:hover{
  background:#f79495 ;
  border: none ;
}
.wc-field-captcha{
  display: none;
}
.comments-area {
  padding: 15px;
}

.post-excerpt p { text-align: justify; }

/* merged with custom styles */

img { width: 100%; }

.bystyle { font-style: italic; }

/* top menu */
.top-menu-bar{background-color: #25456b;}
/* allow to run across entire width */
.top-menu-bar .container {max-width: unset;}

.content-topbar { 
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
}

/*search form*/
.search-bar {
		display: none;
		padding: 0rem 0;
		position: absolute;
		width: 50%;
		top: 0;
		z-index: 9999999;
		background: #25466a;
		box-shadow: none;
		right: 0;
	}
	.search-bar .search-fn {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex-grow: 1;
		margin: 5px 0;
	} 
 .search-fn input { margin: 0; }
	.search-fn input#searchsubmit {
		background: #f78a89;
		border: 0;
		color: #ffffff;
	 }
	 .search-bar .search-fn .close-search {
		color: #ffffff;
		padding-left: 15px;
	}
 .search-bar .searchform label {
	display: none;
 } 

.menu-top-menu-left-container ul,.menu-top-menu-right-container ul {
	list-style-type: none;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0; 
}

.menu-top-menu-left-container li,.menu-top-menu-right-container li { float: left;color: #fff;}

.menu-top-menu-left-container li a,.menu-top-menu-right-container li a {
	font-family: 'Open Sans', sans-serif;
	display: block;
	color: inherit;
	text-align: center;
	padding: 10px 16px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 1px;
}

.menu-top-menu-left-container li a:hover {
	background-color: #da464f;
}

.menu-top-menu-right-container li a:hover {
	background-color: #da464f;
}

/* logo */
.logosection .mainlogo {margin: 0 0 1rem 0;}
.logosection .mainlogo a { display:block;width: 100%;height: 100%; }
.logosection .mainlogo img { max-height: 12rem; width: auto; max-width:100%;display:block;margin:0 auto;}
.logosection { margin:2rem 0; }

/* top nav */
#nav {
	border-top: 1px solid #25466a;
	border-bottom: 2px solid #25466a;
	overflow: hidden;
}
#nav ul#mainmenu {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0;
	padding: 0;
}
#nav #mainmenu li {
	line-height: 1.0;
	padding: 0.5em;
	text-align:center;
}
#nav #mainmenu li a {
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 1px;
	padding:0.25rem;
}

/* front / cat page top section */
.main-sec.master-head {margin-bottom: 2rem;}
/* centre content */
.main-sec.master-head .row {justify-content: center;}

.main-sec.politics-section .row { align-items: center; }

.post-excerpt, .post-excerpt p {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 26px;
	margin-block-end: 0;
}

/* footer + register cta */
.regcta { background: #25466a; }

.regcta .regcta-content {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2rem 1rem;
}
.regcta .regcta-content h2 { 
	color: #ffffff;
	font-weight: 400;
	margin: 0 0 0.5rem;
	text-transform: capitalize;
	text-align: center;
}
.regcta-content .menu { margin: 0;list-style: none; }
.regcta-content .menu a {
	border: 2px solid #da464f;
	padding: 10px 30px;
	border-radius: 30px;
	color: #da464f;
}
.regcta-content .menu a:hover {
	background-color: #da464f;
	color: #ffffff;
}
.regcta .regcta-content .dnone { display: none; }

/* trending */
.colorbox {
	background-color: #25466a;
	padding: 1rem;
	border-top: 3px solid #da464f;
	margin-bottom: 1rem;
}

.sidebar .colorbox ul li {
	padding: 0.75rem 0;
	border-bottom: 2px dotted #516b88;
}
.sidebar .colorbox ul li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}
.sidebar .colorbox ul li p.trending-title {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.2;
	margin: 0 auto 0.75rem;
}
.sidebar .colorbox ul li a {
	color: #ffffff;
	transition:color 333ms, border-bottom-color 333ms;
	border-bottom: 1px solid #fff0;
}
.sidebar .colorbox ul li a:hover {
	color: #ddd;
	border-bottom-color: #fff3;
	text-decoration: none;
}
.colorbox ul li p.byline { color:#bbb;}

/* front page */
/* gen spacer */
.tm-main-heading .takis-post-image-wrapper, .tm-list-post .takis-post-image-wrapper, .tm-list-post .tm-post-image-wrapper, .master-head-right-block .takis-post-image-wrapper { margin-bottom: 0.5rem;}

/* latest article */
.tm-main-heading { text-align:center; }
/* image */
/* limit height */
.tm-main-heading .takis-post-image-wrapper { overflow: hidden; max-height: 24rem; display: flex; flex-direction: column; justify-content: center; }
/* limit width */
.tm-main-heading img { width: 100%; max-width: 42rem;}

/* front-page and cat post lists */
.master-head-right-block div {margin-bottom: 2rem; }
.master-head-right-block div:last-child {margin-bottom: 0; }

/* thumbnail posts - image and caption beneath */
.tm-list-post .tm-post-image-wrapper img { width: 100%;}
.tm-list-post .takis-post-image-wrapper { max-width: 16rem; overflow: hidden; display: flex; justify-content: center; align-content: center; }
.tm-list-post .takis-post-image-wrapper img {height:12rem;width:auto;}

/* wide style post list - image left, deets + excerpt right */
.takis-list-post {margin: 0 0 2rem 0;display: flex;align-items: center;}
.takis-list-post .takis-post-image-wrapper { margin:0 2rem 0 0;}
.takis-list-post .takis-post-image-wrapper img { width:20rem;}

/* essential tweak for images wrapped in links */
/* actually this messes with the image positioning - need to move link outside of image-wrapper!! */
.takis-post-image-wrapper a { width:100%; }

/* single post pages */
.article-container .takis-post-image-wrapper {max-width: 66%; float: left; margin-right: 1rem;background-color:#eee;}
.article-container .takis-post-image-wrapper img {margin: 0 0 0.5rem;background-color:#eee;}
.article-container .takis-post-image-wrapper .image-caption {padding: 0 0.25rem 0.5rem;font-size: 14px;font-weight: 600;line-height: 1.2;margin:0;}
.article-container .takis-post-image-wrapper .image-credit {padding: 0 0.25rem 0.5rem;font-size: 12px;font-weight: 100;line-height: 1;margin:0;}

/* search results */
.taki-search .takis-list-post {margin: 0 0 1rem 0;}
.taki-search .takis-list-post .takis-post-image-wrapper { margin: 0 1rem 0 0;}
.taki-search .takis-post-details h4 {font-size:1rem;margin: 0;}
.taki-search .takis-post-details h3.title {font-size:1.25rem;margin: 0;}
.taki-search .post-excerpt p {font-size: 0.75rem;line-height: normal;}

/* category pages */
.tm-list-post { text-align: center; margin-bottom: 1rem; display: flex; align-items: center; flex-direction: column; overflow: hidden;}
.takis-top-three {display:flex;}
.takis-top-three .takis-featured-master-post .tm-list-post .takis-post-image-wrapper {width:100%;max-width:unset;}
.takis-top-three .tm-list-post .takis-post-image-wrapper {width:100%;max-width:16rem;max-height:32rem;}
.takis-top-three .tm-list-post .takis-post-image-wrapper img {height:auto;width:100%;}

/* top three text */
.takis-top-three h3.title {font-size: 2.5rem;color: #114c64;}
.takis-top-three h3.title a {color: #114c64;text-decoration: none;}
.takis-top-three h3.title a:hover {color: #da464f;}
.takis-top-three .takis-featured-posts h3.title {font-size: 1.5rem;color: #114c64;max-height:8rem;overflow:hidden;}

/* new style for takis top drawer - might be applicable generally? */
.takis-auth-title {font-size:4rem;margin-bottom: 1rem;}
/* top three */
#takis-top-drawer .takis-top-three .tm-list-post .takis-post-image-wrapper {max-height:35rem;max-width:unset;flex-direction:column;}
#takis-top-drawer .takis-top-three .tm-list-post .takis-post-image-wrapper img {height:auto;}
#takis-top-drawer .takis-top-three h3.title {font-size: 2.5rem;font-weight: 600;}
#takis-top-drawer .takis-top-three .takis-featured-posts .tm-list-post .takis-post-image-wrapper {width: 100%;max-height: 12rem;max-width: unset;flex-direction: column;}
#takis-top-drawer .takis-top-three .takis-featured-master-post .tm-list-post {margin:0;}
#takis-top-drawer .takis-top-three .takis-featured-posts .tm-list-post:last-child {margin:0;}
#takis-top-drawer .takis-top-three .takis-featured-master-post .post-excerpt { max-height: unset;}
#takis-top-drawer .takis-top-three .takis-featured-posts .post-excerpt { max-height: unset;}

/* post list - to replace others? */
#takis-top-drawer .takis-list-post {margin: 0 0 2rem 0;display: flex;align-items: center;justify-content: center;}
#takis-top-drawer .takis-list-post .takis-post-image-wrapper { max-height: 11rem; max-width: 20rem; margin: 0 2rem 0 0; width: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden;}
#takis-top-drawer .takis-list-post .takis-post-details { width:73%; margin:0 0 0 2%; }


/* author pages */
.author-details .takis-list-post { display:block;}
.author-details .takis-list-post .takis-post-image-wrapper { width:auto; margin-right:1rem; float: left;}

/* Sidebar */
.sidebar .sdcard .box ul li {
	padding: 15px 0;
	border-bottom: 2px dotted #c8d5e3;
}
.sidebar .sdcard DIV:last-child, .sidebar .sdcard .box ul li:last-child, .sidebar .sdcard .columnistsbox a:last-child>div { border-bottom: none; }

.sidebar .sdcard .box ul li a {
	font-weight: normal;
	border-bottom: 1px solid #0000;
	transition:color 333ms,border-bottom-color 333ms;
}
.sidebar .sdcard .box ul li a:hover {
	color: #da464f;
	border-bottom-color: #0002;
}
.sidebar .sdcard .box ul li h4 a {
	text-transform: uppercase;
	font-size: 1rem; 
	color: #da464f;
}
.sidebar .sdcard .box ul li h4 a:hover {
	color: #114c64;
}
.sdcard { border: 2px solid #25466a;max-width: 22rem;margin: 0 auto 2rem;}
.sdcard .box {padding: 1rem; text-align: center;}
.sdcard .box p, .sdcard .box a {font-family:'Open Sans',sans-serif;}
    
.inside-title .large { border-bottom: 1px solid #cccccc; padding-bottom: 15px; }

/* sign-up and donate */
.ctadefault {
	display: inline-block;
	border: 2px solid #da464f;
	padding: 10px 30px;
	border-radius: 30px;
	text-decoration: none;
	color: #da464f;
	transition:background-color 666ms,color 666ms;
}
.ctadefault:hover { background:#da464f; color: #ffffff;}

.box.signupbox {
	border-bottom: 0;
}

/* columnists: main and sidebar */
.columnists-sec h2 {
	text-align: center;
	margin: 30px 0;
	color: #da464f;
}
.columnists-sec .post-list {
	text-align: center;
	max-width: 6em;
}

.columnists-sec .post-list-group {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 100%;
}

.columnists-sec .post-list .post-image img, .sbpost-list .post-image img {
	width: auto;
	height: 100%;
}

/* columnist footer */
.columnists-sec .post-list .post-image, .sbpost-list .post-image {
	overflow: hidden;
	border-radius: 2.5rem;
	width: 5rem;
	height: 5rem;
	margin: 0 auto 0.5rem;
	box-shadow: 0px 0px 1.5rem #c9c9c9;
}

/* columnistsidebar */
.columnistsbox { 
	text-align: left;
	border-bottom: 0;
}

.sidebar .sdcard .columnistsbox .sbpost-list {
	display: flex;
	align-items: center;
	padding: 0.5rem;
	border-bottom: 1px solid #ccc;   
	font-weight: 400;
	color: #114c64; 
}
.sdcard .columnistsbox a.more_info .sbpost-list { background: #0000; transition: background-color 333ms; }
.sdcard .columnistsbox a.more_info:hover .sbpost-list { background: #0001; }
.sbpost-list .post-image { margin: 0 1rem 0 0; }

#footer {background-color: #1d3752;color:#ffffff;padding-bottom:1em;}


/* mobile devices */
/* mobile nav v2 */
.navbar { background-color: #25456b;  padding: 0; font-family: 'Quattrocento', serif; }
/* menu - use horizontal space */
.navbar ul {
    padding: 0;
    list-style-type: none;
    margin: 0 0 0.5rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.navbar ul li { border-bottom: none;padding:0;}
.navbar ul li a, #taki-cart p { display:block; padding: 0.333rem 1rem;text-transform: uppercase;color: #da464f;font-weight: 600;}
/* regular */
.navbar #menu-mobile-menu { }
/* subscriber */
.navbar #menu-mobile-subscriber { }
.navbar #menu-mobile-subscriber li { }
.navbar #menu-mobile-subscriber li a { color: #d9f9f1;font-weight: 300;}

/* mobile menu button */
.navbar-header { display: none; }
.navbar-header button { outline: none; }
.navbar-header .navbar-toggle {text-shadow: 0px 0px 6px white;}
.navbar-header .navbar-toggle.collapsed {text-shadow: none;}

/* random width filters for non-mobile systems - try to consolidate */
@media(max-width: 767px){
	.main-sec.master-head {margin-bottom: 1rem;}
	.columnists-sec .post-list .post-image, .sbpost-list .post-image {
		border-radius: 2rem;
		width: 4rem;
		height: 4rem;
	}
}
/* why there is a break at 992 for non-mobile screen, i cannae say */
@media(max-width: 991px){
	.columnists-sec .post-list .post-image, .sbpost-list .post-image {
		border-radius: 2.25rem;
		width: 4.5rem;
		height: 4.5rem;
	}
}

/* main switcher between mobile and laptop views - force this on mobile device and only on desktops with restricted size */
@media only screen and (max-width: 1180px){
	/* lose margin when menu is mobile */
  .logosection .mainlogo { width: 100%;margin: 0 auto;}
	.top-menu-bar .content-topbar .menu-top-menu-left-container { display: none; }
	.navbar-header { display: block;}
	header #nav { display: none; }
	.columnists-sec .post-list-group {
		display: flex;
		flex-wrap: wrap;
		justify-content: center !important;
		width: 100%;
	}
	.columnists-sec .post-list { 
		text-align: center;
		width: 150px;
		margin-bottom: 30px;
	}
	/* rearrange master head boxes */
	.box-2 { order: 1; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom:1rem;}
	.box-1 { order: 2; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 50%; max-width: 50%;}
	.box-3 { order: 3; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 50%; max-width: 50%;}
}

@media only screen and (min-width : 1280px) {
	/* prevent sidebar from getting too wide (33.3%) */
	.sidebar {
		padding-right:0;
		max-width: 22rem;
	}
	/* lose redundant padding and fill space */
	.article-container {
		padding:0;
		flex: 1 0 auto;
	}
}	




/* mobile portrait only - there's some sketchy shit in here, nowt to do with me squire */
@media only screen and (min-device-width : 320px) and (max-device-width : 767px) and (orientation : portrait) {
  input.simple_search {
    float:left;
    margin-left:10px !important;
  }
  
  #nav #mainmenu LI {
		float:none;
    display: inline-block;
    padding:5px;
    margin:0 auto !important;
    border-right:none !important;
  }
  
  .column_left, .column_center, .column_right {
    float:none;
    width:300px !important;
    border-left:none;
    border-right: 1px solid #dadada;  
  }
  
  .column_center, .column_right  {
    border-top: 1px solid #dadada;
  }
  
  .column_center #slideshow {
    width:299px !important;
    height:330px !important;
  }
  
  .column_center #slideshow_navigation {
    padding-left: 5px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  
  .column_center #slideshow .box {
    width:299px !important;
  }
  
  .column_center #slideshow .box .box_sm_left {
    float:none; 
    width:269px !important;
  }
  
  .column_center #slideshow .box .box_sm_right{
    float:none;
    width:269px !important;
    margin-top:30px;
    padding-left:11px;
  }
  
  table.column_entries td {
    padding:16px;
  }
  
  table.column_entries {
    width:300px !important;
    border-right: 1px solid #dadada;  
  }
  
  td.odds {
    width:150px !important;
  }
  
  td.evens {
    width:150px !important;
  }
  
  .taki_nav {
    width:100px !important;
  }
  
  /* only article pages */


  body#contributors div.column_left {
    display:none !important;
  }
  
  body#contributors div.column_full_clean {
    width:299px !important;
  }
  
  body#contributors div.column_full_clean table {
    padding:0px !important;
  }
  
  body#contributors div.column_full_clean table td.no_border {
    width:100px !important;
  }
  
  table.column_entries {
    width:301px !important;
    border-right:none !important;
  }
  
  td.evens {
    border-right: 1px solid #dadada;
  }
  
  div.content {
    border:none !important;
  }
  
  div.content_clean {
    border-left:none !important;
  }
  
  div.column_left, #article div.column_center {
    border-top: 1px solid #dadada;
  }
 
  div.column_left  {
    display:none !important;
  }
  
  body#home div.column_left  {
    display:block !important;
  }
}

/* landscape mobile */
@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) and (orientation : landscape) {
	.regcta .regcta-content {display: block;}
	.search-bar .search-fn { justify-content: flex-start !important;}
	.search-bar {left: 0;}
  input.simple_search {
    float:left;
    margin-left:148px !important;
  }
  /* spread things out in landscape */
  .regcta .container, .columnists-sec .container, #footer .container { max-width: unset; }
  #footermenu {margin: 1rem auto; max-width: unset;}
  #footer #footermenu li { margin: 0.25rem 0.5rem; }

  /*
  #nav {
    text-align:center;
  }
  
  #nav #mainmenu, #footer #footermenu, #footer div, #footer div iframe {
    text-align:center;
    display: inline-block;
    white-space:normal;
  }
  
  #nav #mainmenu {
    height:60px !important;
  }
  
  #nav #mainmenu LI:first-of-type, #footer #footermenu LI:first-of-type {
    padding-left:7px !important;
  }
  
  #nav #mainmenu LI {
    float:none;
    display: inline-block;
    padding:5px;
    border-right:none !important;
  }
  */
  
  /* contributors page ? */
  .column_left, .column_center, .column_right {
    float:none;
    width:568px !important;
    border-left:none;
    border-right: 1px solid #dadada;  
  }
  
  .column_center, .column_right  {
    border-top: 1px solid #dadada;
  }
  
  .column_center #slideshow {
    width:547px !important;
    height:195px !important;
  }
  
  .column_center #slideshow_navigation {
    padding-left: 5px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  
  .column_center #slideshow .box {
    width:547px !important;
  }
  
  .column_center #slideshow .box .box_sm_left {
    /*float:none;*/ 
    width:194px !important;
    padding-left:30px !important;
    padding-right:30px !important;
  }
  
  .column_center #slideshow .box .box_sm_right{
    /*float:none;*/
    /*width:274px !important;*/
    /*margin-top:30px;*/
  }
  
  table.column_entries td {
    padding:16px;
  }
  
  table.column_entries {
    width:568px !important;
    border-right: 1px solid #dadada;  
  }
  
  td.odds {
    width:274px !important;
  }
  
  td.evens {
    width:274px !important;
  }
  
  .taki_nav {
    width:274px !important;
  }
  
  body#home div.column_left  {
    display:block !important;
  }
  
  body#contributors div.column_full_clean {
    width:569px !important;
    border-right: 1px solid #dadada;
    border-left: none !important;
  }
  
  body#contributors div.content_clean {
    border-left: none !important;
  }
}

/* Smartphones (portrait and landscape) */
@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {
  .logosection .mainlogo img { width: 100%; height: auto; max-width: 26rem; max-height: unset;}
  .logosection { margin: 1rem 0; }
	/* front page */
	/* force trending to follow init posts when squeezed */
  /* front and cats pages */
	.main-sec .box-1 { display: flex; order:2;justify-content: center; margin-bottom: 0;}
	.box-1, .box-2, .box-3 { margin-bottom: 2rem; flex: 0 0 100%; max-width: 100%;}
	/* 2 and 3 */
	.master-head-right-block .takis-post-image-wrapper {overflow: hidden; display: flex; justify-content: center; align-items: center; max-height: 15rem; width: 100%;}
	.master-head-right-block .takis-post-image-wrapper img { height:auto; width: 100%}

	/* used for recent, top drawer, etc. */
 	.tm-list-post {margin-bottom: 0.75rem;}
	.tm-list-post .takis-post-image-wrapper { margin-bottom: 0.25rem; flex-direction: column; max-height: 9rem; max-width: 100%; width: 100%;}
	.tm-list-post .takis-post-image-wrapper img { width: 100%; height: auto;}
	/* wide style post list - used for politics section */
	.takis-list-post { flex-direction: column; }
	.takis-list-post .takis-post-image-wrapper {
		margin:0 0 0.75rem;
		max-width: unset;
		max-height: 16rem;
		overflow: hidden;
		display: flex;
		align-items: center;
		width: 100%;
	}
	.takis-list-post .takis-post-image-wrapper img { width: 100%; }

	.auth-articles .takis-list-post .takis-post-image-wrapper { max-height:12rem; }

	.main-sec.takis-top-drawer,.main-sec.politics-section {margin-top:1rem;}
	/* text tweaks */
	.takis-auth-title { font-size:2rem;margin-bottom:1rem; }
	.post-excerpt p { line-height: 1.25; }
	.colorbox h4 {	font-size: 2.5rem; }
	
  .search-bar { width: 100%; }
  .master-head .box-1 { order: 2; }
  .master-head .box-2 { order: 1; }
  .master-head .box-3 { order: 1; }
  .politics-section h2 { text-align: center; }

	/* article */
  .img_article { float: none;margin: 0 0 1rem;}
  .img_article img { width:100%; max-width:unset;}
	/* lose redundant padding and fill space */
	.article-container {padding:0;flex: 1 0 auto;}
	.article-container .takis-post-image-wrapper {max-width: unset; float: none; margin:0;}
	/* back-fill padding for headings, para and pull quotes */
	.article-container p, .article-container h4, .article-container h3 {padding:0 0.5rem;}

  .taki-search .takis-list-post .takis-post-image-wrapper img {width: auto;}
  .taki-search .takis-list-post .takis-post-image-wrapper {float: left; width: auto; margin: 0 1rem 0.5rem 0;}

  .regcta .regcta-content { display: block;}
  .regcta .regcta-content h2 { margin-bottom:1.5rem;}
  .regcta-content .menu { padding: 0; }

	/* footer */
  #footer #footermenu { margin: 1rem 0;}
	
  #footerlinks { display: flex; align-items: center; justify-content: center; }
  #footer p { margin: 0 0 0.5rem; letter-spacing: normal; }

  /*contributors style*/
  #contributor-list li { width: 100%; margin-bottom: 1rem;}

	/* topic page */
  .takis-top-three { flex-direction: column; padding: 0; }
  .takis-top-three .takis-featured-master-post { margin-bottom: 1rem; padding: 0;}
  .takis-top-three .takis-featured-master-post h3.title { font-size: 2.0rem;}
  .takis-top-three .takis-featured-master-post .tm-list-post .takis-post-image-wrapper { max-height: 18rem; }
	.takis-top-three .takis-post-details { padding: 0 1rem;}
	.takis-top-three .takis-featured-posts { padding: 0; }
	.takis-top-three .takis-featured-posts:last-child { margin-bottom: 0; }
	.takis-top-three .takis-featured-posts h3.title { font-size: 1.5rem;}
  .takis-top-three .tm-list-post .takis-post-image-wrapper { max-width: unset; max-height: 14rem; }

  .sign-up-section .regcta-content .mc-field-group input { float: none !important; }
  .sign-up-section .regcta-content .mc-field-group input:nth-child(2) { margin-top: 0px; }
  
  /* takis-top-drawer */
	.takis-auth-title { font-size: 1.75rem; margin-bottom: 0.75rem;}
	#takis-top-drawer .takis-top-three .tm-list-post .takis-post-image-wrapper {max-height:unset;margin-bottom: 0.75rem;}
	#takis-top-drawer .takis-top-three h3.title {font-size: 2.5rem;font-weight: 600;}
	#takis-top-drawer .takis-top-three .takis-featured-master-post .tm-list-post {margin:0;}
	#takis-top-drawer .takis-top-three .takis-featured-posts .tm-list-post:last-child {margin:0;}
	#takis-top-drawer .takis-top-three .takis-featured-posts .tm-list-post .takis-post-image-wrapper {max-height: 8rem;}
	#takis-top-drawer .takis-top-three .takis-featured-master-post .post-excerpt { }
	#takis-top-drawer .takis-top-three .takis-featured-posts h3.title {font-size: 2rem;font-weight: 600;}
	#takis-top-drawer .takis-top-three .takis-featured-posts .post-excerpt p { font-size: 16px; line-height: 1.25;}
	#takis-top-drawer .takis-list-post h3.title, .tm-list-post h3.title { text-align: center;}

	/* post list */
	#takis-top-drawer .takis-list-post {margin: 0 0 2rem 0;display: flex;align-items: center;flex-direction: column;}
	#takis-top-drawer .takis-list-post .takis-post-image-wrapper { max-height: 10rem;width: 100%; margin: 0 0 1rem 0;}
	#takis-top-drawer .takis-list-post .takis-post-image-wrapper img {height: auto;}
	
	/* contributor page */
	.author-details {}
	.author-details h2.title { text-align: center; }
	.author-desc {font-size: 1.1rem;}
	
	/* in-article images */
	img.alignnone { margin: 1rem 0; }
}


/* Tablet Style */
/* tablets portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1279px) and (orientation : portrait) {
/*	.politics-section .col-md-8, .politics-section .col-md-4, .article-details, .fullcol {-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}*/
	.cultural-section .col-md-3, .columnists-sec .col-md-2 {-webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%;}
	.columnists-sec .col-md-2 { margin-bottom: 30px;}
	.regcta .regcta-content { display: inline-block; text-align: center; }
	.regcta .regcta-content h2 { margin: 0 0 30px 0;}
	.navigation { }
	#footer #footermenu { }
	#footer #footermenu li { }

	/*articles font size*/ 
	.article-details #post p {     
		font-size: 18px !important;
		font-family: 'Open Sans', sans-serif;
		line-height: 34px;
	}
}

/* tab landscape - special fixes to decrease height + increase width */
@media only screen and (min-device-width: 768px) and (max-device-width: 1279px) and (orientation : landscape) {
	.article-details, .fullcol {-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.master-head .box-2 { order: 1; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0 0 60px 0;}
	.master-head .box-1 { order: 2; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 50%; max-width: 50%;}
	.master-head .box-3 { order: 3; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 50%; max-width: 50%;}
	/* squeeze in sidebar by removing column padding */
	.politics-section .col-md-8 { padding: 0 1rem 0 0; }
	.politics-section .col-md-4 { padding: 0; }
	.politics-section .sdcard .box h2 { font-size: 1.6rem; }
	
	.cultural-section .col-md-3, .columnists-sec .col-md-2 {    
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.3333%;
		flex: 0 0 33.3333%;
		max-width: 33.3333%;
	}
  .columnists-sec .col-md-2 { margin-bottom: 30px;}
  .sign-up-section .regcta-content .mc-field-group input { float: none; }
}

/*For tablets portrait and landscape*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1279px) {
	#contributor-list li {width: 50%;}
	.sign-up-section .regcta-content .mc-field-group input { float: none !important; }

	.article-container .takis-post-image-wrapper { max-width: unset; float: none; margin: 0 0 1rem; }

/* what a mess, consolidate with other top-three implementations!! */
	.master-head-right-block .takis-post-image-wrapper {overflow: hidden; display: flex; justify-content: center; align-content: center;}
	.master-head-right-block .takis-post-image-wrapper img { height:13rem; width:auto;}
	
/* wide style post list */
	.takis-list-post .takis-post-image-wrapper {
		margin:0 1rem 0 0;
    width: auto;
    height: 14rem;
    min-width: 12rem;
    max-width: unset;
    max-height: unset;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    overflow: hidden;
	}
	.auth-articles .takis-list-post .takis-post-image-wrapper { height: 17rem;min-width: 40%;}
	
	.takis-list-post .takis-post-image-wrapper img { width:auto;height:100%;}

	.takis-auth-title {font-size:3rem;margin-bottom: 1.5rem;}

/* takis-top-drawer */
	#takis-top-drawer .post-excerpt { max-height: unset; overflow: hidden;}
	#takis-top-drawer .post-excerpt p { font-size: 1rem; line-height: 1.33;}

	#takis-top-drawer .takis-top-three .tm-list-post .takis-post-image-wrapper {max-height:30rem;}
	#takis-top-drawer .takis-top-three h3.title {font-size: 2.5rem;font-weight: 600;}
	#takis-top-drawer .takis-top-three .takis-featured-posts h3.title {font-size: 1.5rem;}
	.takis-top-three .takis-featured-posts .tm-list-post:last-child {margin:0;}
	.takis-top-three .takis-featured-posts .tm-list-post .takis-post-image-wrapper {max-height: 8rem;}
	.takis-top-three .takis-featured-posts .post-excerpt { max-height: 12rem; overflow: hidden;}
	.takis-top-three .takis-featured-posts .post-excerpt p { font-size: 0.85rem; line-height: 1.33;}

	.takis-top-three .takis-featured-master-post .tm-list-post {margin:0;}
	.takis-top-three .takis-featured-master-post .post-excerpt { }
	.takis-top-three .takis-featured-master-post .post-excerpt p { font-size: 1.1rem; line-height: 1.5;}

	#takis-top-drawer .takis-list-post {margin: 0 0 2rem 0;display: flex;align-items: center;}
	#takis-top-drawer .takis-list-post .takis-post-image-wrapper { width: 14rem; max-height: unset; }
	#takis-top-drawer .takis-list-post .takis-post-image-wrapper img {width: auto;height: 100%;}
	
	/* messing wit ma heed - disable to allow flex centered position - other sizes use full width */
	.takis-post-image-wrapper a { width:unset; height: 100%; }
	/* category text */
	.takis-top-three h3.title {font-size:2rem;}
	.takis-top-three .takis-featured-posts h3.title {font-size:1.25rem;}
	
		/* contributor page */
	.author-details {}
	.author-details h2.title { text-align: center; }
	.author-desc {font-size: 1.25rem;}

	/* subs box */
	.sdcard .box h2 {font-size: 1.5rem;}
	/* trending */
	.sidebar h4 {font-size: 2rem;}
	.sidebar .colorbox {padding: 1.5rem 5%;margin-bottom:0;}
	.sidebar .colorbox ul li p.trending-title {font-size: 16px;margin: 0 auto 0.25rem;}
}

/* fixes */
@media only screen and (min-width: 1024px) {
	#takis-top-drawer .takis-top-three .takis-featured-posts .post-excerpt p { font-size: 1rem;line-height: 1.33;}
}
/* weird place between mobile and small tablet */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.auth-articles .takis-list-post .takis-post-image-wrapper { height: 22rem; }
	.takis-featured-posts .takis-post-details {}
}

/* etc. */
.sign-up-section .regcta-content .mc-field-group {
	display: flex;
	align-items: center;
	justify-content: center;
}

/* various fixes */
/*.regcta-content .mc-field-group input { float: left; }*/

/* footer sign-up */
.sign-up-section .regcta-content .mc-field-group #mce-EMAIL { min-width: 6rem;max-width: 18rem; }
.sign-up-section .regcta-content .mc-field-group #mc-embedded-subscribe {
	text-align: center;
	width: 120px;
	margin-left: 10px;
	cursor: pointer;
	border-color: #da464f;
	padding: 0.45em;
	color: #da464f;
	background-color: transparent;
	transition: background-color 666ms, color 666ms;
}

.sign-up-section .regcta-content .mc-field-group #mc-embedded-subscribe:hover  {
  color:white;
  background-color: #da464f;
}

/* Sign-up */
.sidebar .sdcard #mc_embed_signup div.mce_inline_error {
    margin: 1em 0 0;
    font-family: 'Open Sans',sans-serif;
    background-color: #da464f;
    font-weight: 100;
}

.sidebar .sdcard .mc-field-group input.ctadefault {
  margin-top: 15px;
  width: auto;
  text-align: center;
  border-color: #da464f;
  padding: 10px 30px;
  color: #da464f;
	transition: background-color 666ms, color 666ms;
}
.sidebar .sdcard .mc-field-group input.ctadefault:hover {
  margin-top: 15px;
  width: auto;
  text-align: center;
  border-color: #da464f;
  padding: 10px 30px;
  color: #ffffff;
}

/* comment avatars */
.comment-author.vcard img { width:auto; height: 2em;}

/* publir */
.taki-full-ads-space {margin-bottom: 1rem; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.taki-small-ads-space {width:100%;margin: 0 auto 1rem; display: flex; justify-content: center; overflow: hidden;}

/* Google in-article ads */
.gads-article { width: auto; margin: 0 0 1rem 0; display: flex; justify-content: center; }

/*login styles*/
@media (min-width: 768px) {
	.framebox iframe {
		width: 66%;
		margin: 0 auto;
		display: flex;
	} 
}

img.size-full { width:auto; }

/* Shop */
/* Cart */
#taki-cart {display: flex;align-items: center;justify-content: center;}
#taki-cart > form > input[type=image] { display:block;height:1.25rem;margin:0; }
#taki-cart p {margin:0 0.25rem 0 0;font-size: 1rem;font-family: 'Quattrocento';line-height: 0;padding:0;}

/* add to cart button */
.taki-addtocart input[type=submit] {
	border-radius: 1rem;
	padding: 0.25rem 0.75rem;
	background-color: #ca1a21;
	color: #fff;
	font-family: "open sans";
	text-transform: uppercase;
	font-weight: 900;
	border: none;
	font-size: 1rem;
	transition: background-color 666ms, color 666ms, box-shadow 666ms;
	cursor: pointer;
	box-shadow: 1px 1px 2px #0008;
}
.taki-addtocart input[type=submit]:hover {
	color: #ffb;
	background-color: #aa161b;
	box-shadow: 0px 0px 1px #0001;
}

/* gallery fixes - prevent images areas from widening beyond image size on wide screens */
.wp-block-gallery.has-nested-images figure.wp-block-image { align-items: center; }
@media (min-width: 600px){
	.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) { width: auto; }
	.wp-block-gallery.has-nested-images figure.wp-block-image { flex-grow: unset; }
}

/* new design */
/* floating header */
.new-look header { position: fixed;top: 0;z-index: 1;background: white;width: 100%;box-shadow: 0 6px 4px #0002;}
.admin-bar.new-look header { top:32px;}
.admin-bar.new-look #wpadminbar { position:fixed; top:0;}
.new-look .logosection {margin: 0.75rem 0;}
.new-look .logosection .mainlogo {margin-bottom: 1rem;}
.new-look .logosection .mainlogo a img {max-height: 6rem;}
.new-look .main-sec.master-head {margin-bottom: 0;}

/* article text */
.main-sec.article { margin-top: 16rem; }
.admin-bar .main-sec.article { margin-top: 18rem; }
.main-sec.article h3.title {font-family:'Quattrocento',serif; font-size: 2.5rem;line-height: 1;margin-bottom: 0.25rem;}
.main-sec.article .inside-title h4 {margin-bottom:0.75em;}
.main-sec.article p { font-family:'Neuton',serif; font-weight: 300; font-size: 1.75rem; line-height: 1.25;}
.main-sec.article p em { margin-right:0.2rem; }
.main-sec.article p.byline {font-size: 1.75em; font-weight: 300; line-height: 1.0;margin-bottom: 0.5em;}
.main-sec.article p.byline a {font-size: inherit; font-weight: inherit;}
.main-sec.article p.date {margin:0 0 0.5rem;color: #74a7caff;font-family: 'Open+Sans',sans-serif;font-size: 0.9rem;font-weight: 100;font-style:normal;line-height: 1.0;}

/* article image */
.main-sec.article .takis-post-image-wrapper {max-width: 45%; float: left; margin:0.5rem 1rem 0 0;background-color:#eee;}
.main-sec.article .takis-post-image-wrapper P.image-caption { margin: 0; padding: 0.33rem 0.25rem 0; font-family: 'Open Sans'; font-size: 1.5rem;}
.main-sec.article .takis-post-image-wrapper P.image-credit {color:6e6e6e;margin:0; padding: 0.5rem 0.25rem;font-family:'Open Sans',sans-serif; font-size: 0.9rem;font-weight: 400;line-height: 1;}

/* subscription card */
.subscription-section {
	max-width:42rem;
	margin: 3rem auto;
	background-color: #264669;
	border-radius:4px;
	padding:3rem;
}
.main-sec.subs h2 { font-size:2.5rem;text-align:center;}
.main-sec.subs p { color:#fff;font-size:1.5rem;font-weight:600;text-align:center;font-family:'Neuton',serif;margin:0; }

/* comments section */
.main-sec.comments { }
.main-sec.comments .comment-list { font-family: 'Quattrocento',serif;}
.main-sec.comments .comment-author.vcard img { width: auto;height: auto;max-height: 2.5rem;vertical-align: text-bottom;}
.main-sec.comments .comment-list cite { font-family: 'Quattrocento',serif;font-size: 1.5rem;line-height: 1;margin: 0 0 0 0.25rem;font-style: normal;color: #765;}
.main-sec.comments .comment-list .comment-meta a { color: #da464f;}
.main-sec.comments .comment-reply-title { font-family: 'Neuton', serif;text-align: right; font-size: 2.5rem; margin-bottom:0.75em;}
.main-sec.comments .logged-in-as {font-family: 'Neuton', serif;text-align: right;font-size: 1.5rem;}
.main-sec.comments .comments-area .comment-respond, #respond { padding: 0;max-width: 48rem;margin: 0 auto;}
.main-sec.comments .comment-form-comment {margin: 0 auto 1.5rem;max-width: 40rem;}
.main-sec.comments .comment-form-comment label {font-family: 'Neuton', serif;font-size: 2rem;}
.main-sec.comments .comment-form-comment textarea, #comment {font-family: 'Open Sans', sans-serif;width: 100%; height: 12em; padding: 0.5em; margin: 0;}
.main-sec.comments .form-submit { text-align:center;}
.main-sec.comments #submit { border-radius: 0.125rem;box-shadow: 0 0 1rem #0004;padding: 0.5rem 1.5rem;}

/* mega pull-quote */
#post .pullquote {
	font-family:'Quattrocento',serif;
	display: block;
	width: 100%;
	float: none;
	color: #da464f;
	font-size: 2rem;
	font-weight: bold;
	font-style: normal;
	margin: 3rem auto;
	padding: 1.75rem;
	border-top: 2px solid #da464f;
	border-bottom: 2px solid #da464f;
	border-left: none;
	text-align: center;
	max-width: 72rem;
}
#post .pullquote p { font-size: 1em; }


/* tab */
@media only screen and (max-device-width: 1180px) {
/* header */
.new-look header { box-shadow: 0 4px 3px #00000028;}
.new-look .logosection .mainlogo { margin-bottom: 0;}
.new-look .logosection { margin: 1.33rem 0;}
.new-look .logosection .mainlogo a img {max-height: 3.3rem;}

/* article */
.main-sec.article { margin-top: 10rem; }
.admin-bar .main-sec.article { margin-top: 12rem; }
.main-sec.article h3.title {font-size: 2rem;}
.main-sec.article .inside-title h4 {margin-bottom:0.5em;}
.main-sec.article p { font-size: 1.5em; line-height: 1.25;}
.main-sec.article p.byline {font-size: 1.5em;}
.main-sec.article p.date {font-size: 1rem;}
.main-sec.article .wp-block-image .alignleft { margin: 0.25em 2em 0 0; }
.main-sec.article .wp-block-image figcaption { font-size: 1rem;}
.main-sec.article figure.size-large { max-width:55%; }
/* image */
.main-sec.article .takis-post-image-wrapper {max-width: 40rem;margin: 1rem auto;float: none;}
.main-sec.article .takis-post-image-wrapper p.image-caption { text-align: center;}
.main-sec.article .takis-post-image-wrapper p.image-credit {text-align: center;}
/* comments */
.main-sec.comments .comments-area { }
.main-sec.comments .comments-title {font-size: 1.5rem;}
.main-sec.comments .comment-reply-title { font-size: 1.75rem;}
.main-sec.comments .logged-in-as {font-size: 1rem;}
.main-sec.comments .comment-list { padding: 0 0 0 1.5rem;margin: 0 0 1rem;}
.main-sec.comments .comment-author.vcard img { width: auto;height: auto;max-height: 2.5rem;vertical-align: text-bottom;}
.main-sec.comments .comment-list cite { font-family: 'Quattrocento',serif;font-size: 1.5rem;line-height: 1;margin: 0 0 0 0.25rem;font-style: normal;}
.main-sec.comments .comment-list p { font-family: 'neuton',serif;font-size: 1.125rem;font-weight: 300;line-height: 1.25;margin: 0 0 0.5rem;}
.main-sec.comments .comment-form-comment label {font-family: 'Neuton', serif;font-size: 1.5rem;}
.main-sec.comments .comment-form-comment textarea, #comment {height: 8em;}
}

/* mob */
@media screen and (max-width: 782px) { .admin-bar.new-look header { top: 46px; }}
@media only screen and (max-device-width: 767px) {
/* menu */
.navbar {max-height: calc(100vh - 40px);overflow: scroll;}
.navbar ul { display:block; margin:0 0 1rem; max-height:100vh; overflow:scroll;}
.navbar ul li { border-bottom: 1px solid #fff2;text-align:center;}
.navbar ul li a { padding:0.666rem 0; letter-spacing:0.125em;}

/* header */
.new-look header { border-bottom: 3px #00000028;}
.new-look .col-md-12.framebox.fullcol { margin-top: 7.5rem; }
.new-look .logosection { margin: 1rem 0;}

/* in-page nav */
.navigation {flex-wrap: nowrap;font-size: 0.75rem;padding: 0.75rem 0.25rem;margin-bottom:1rem;}
.navigation li { margin:2px;box-shadow:none;border: 1px solid #ccc;min-width: 1rem;}
.navigation li:last-child,.navigation li:first-child, .navigation li.active { min-width: unset;}
.navigation li a { padding: 0.333rem 0.5rem;line-height: normal;}
.navigation li:first-child a, .navigation li:last-child a {padding: 0.5rem;}
.navigation li.active a { font-size:0.5rem; padding: 0.25rem;}
.navigation .nav-pagenum {display: none;}

/* article */
.main-sec.article .takis-post-image-wrapper {max-width: unset; width:100%; }
.main-sec.article { margin-top: 7.5rem; }
.admin-bar .main-sec.article { margin-top: 9rem; }
.main-sec.article h3.title {font-size: 1.5rem;}
.main-sec.article p { font-size: 1.33rem;line-height: 1.2;}
.main-sec.article p.byline {font-size: 1.5rem;margin-bottom:0.666rem;}
.main-sec.article p.date {font-size: 0.75rem;margin:0 0 0.75rem;}
.main-sec.article .wp-block-image .alignleft { margin: 0;float: none; }
.main-sec.article .wp-block-image figcaption { margin: 1rem 0.5rem; }
.main-sec.article figure.size-large { max-width:100%; }

/* image */
.main-sec.article .takis-post-image-wrapper {margin: 0 0 0.5rem;}
.main-sec.article .takis-post-image-wrapper P.image-caption {padding: 0.25rem 0.25rem 0; font-size: 0.8rem;}
.main-sec.article .takis-post-image-wrapper P.image-credit {font-size: 0.66rem;}

/* pull quote */
#post .pullquote { font-size: 1.5rem; }

/* comments */
.main-sec.comments .comments-area { padding: 0;}
.main-sec.comments .comments-title {font-size: 1.33rem;}

/* shop */
#taki-cart p {line-height: normal;padding: 0.75rem 0.25rem 0.75rem 0;}
}


/* meta stuff */

/* menu anim */
@keyframes takiflash {
  from {background-color: #25456b;color:#fff;}
  to {background-color: #a3b1c2;color:#000;}
}
.navbar #menu-mobile-menu li:last-child, .menu-top-menu-left-container li:last-child {
	animation-name: takiflash;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-delay: 1s;
	animation-iteration-count: 20;
	animation-direction: alternate;
	border-radius: 0.25rem;
}

/* cookie manager */
.cookieman p { margin:0.5rem; font-size:1rem; text-align: center;line-height: normal;}
.cookieman .taki-visitable {
	max-width: 28rem;
	width: 33%;
	min-width: 16rem;
	background-color: #f0f0f0;
	padding: 1rem;
	border: 1px solid #aaa;
	box-shadow: 0 0 12px #999;
	margin: 1rem auto;
}
.cookieman .taki-visitable p { margin:0; font-size: 0.8rem;}
.cookieman .taki-visibutton { display: flex; flex-wrap: wrap; justify-content: space-evenly; margin: 1rem auto;}
.cookieman .taki-visibutton div { background: #eee;
	padding: 0.75rem 1rem;
	margin: 0.5rem 0.25rem;
	border: 1px solid #888;
	box-shadow: 0 0 8px #888;
	cursor: pointer;
	transition: background-color 666ms;
}
.cookieman .taki-visibutton div:hover { background-color: #bbb; }
.cookieman .taki-msgbox { 
	background-color:#0d3f7d;
	border:0.75rem solid #0003;
	color:#fff;
	padding:1rem;
	width:24rem;
	min-width:50%;
	max-width:95%;
	margin:0 auto;
	font-family:'Neuton', sans-serif;
}
.cookieman .taki-msgbox p { font-family:sans-serif;text-align: left; }
.cookieman .taki-msgbox p a {font-weight:600;}
.cookieman .taki-msgbox p a:hover {color:#fff;}
.cookieman .taki-adboff { color: green;}
.cookieman .taki-adbon { color: red; font-weight:bold;}

/* overlay css */
.overlay-box { height:auto; background-color:#fff; border:0.5rem solid #0003; color:#fff; padding:1rem;opacity:0;transition:opacity 666ms, background-color 666ms; }
.overlay-box p {font-family:'Neuton', sans-serif;line-height:1.1;margin:0;}
.overlay-box p a {font-weight:600;}
.overlay-box p a:hover {color:#fff;}

/* print amendments */
@media print {
	a { text-decoration: none !important; }
	header,.main-sec.subs,.columnists-sec,.main-sec.sign-up-section,#footer{display: none;}
	.main-sec.article { margin-top: 2rem; }
	.main-sec.article .container .col-md-4 { display: none; }
	.main-sec.article .container .col-md-8 { max-width: 100%;flex: 0 0 100%; }
	.main-sec.article .inside-title h4 { text-align: center; margin-bottom: 2rem; }
}