/*
stylesheet for OffG
*/

/* NOTES ON COLORS USED:

Much of the text is very subtly toned toward the blue-grey, though this is barely noticeable.

Our two accent colors are a dark burgundy red (used in some links) and a blue-green (used in some text and some backgrounds at various alpha settings. 

The BURGUNDY is rgb(100,0,30) 

The BLUE-GREY rgb(38,43,47), rgb(55,63,68) - rgb(55,63,68) -  rgb(30,80,116) depending on the degree of pigment we want. 

                                --------------------


		I N D E X 

		1. SETTINGS & DEFAULTS
			i.Basic Parameters
		
		2. CONTAINER
		
		3. HEADER
			i. Site Logo
			ii. Top Nav
				a.fa icons
				b.search box
				c.sticky header
			iii. Mobile Menu
		
		4.MAIN CONTENT
			i. Content Wraps
				a. main wrap
				b. content-wrap fp
				c. content-wrap spp
				d. post sidebars
				e. before post
				f. fw & cf
				g. post_page-content
		   ii. Widget Wraps
				a. Frontpage
				b. Frontpage Sidebars
				b. Sections
				c. Section Sidebars
				d. widget subcontainers
		  iii. Typography
				a. basic text
				b. post meta
		   iv. Media
			 	a. videos
			 	b. x
			v. Specific Widgets
			  	a. smal-square posts
			  	b. featured slider
			  	c. offg sections
			  	d. medium  posts
			  		 i.medium-one
			  	    ii.medium-two
			  	e. popular pots plugin
			  	f. better recent comments
			  	g. large posts
			  	h. support us
			  	i.molongui authorbox
		   vi. Pages
				a. archive pages
		  vii. Pagination
		 viii. Comments
		 		a. wpdiscuz
		   ix. Footer
*/		 
			  	
			
/*======================================================================================*/
/*	                -  S E T T I N G     N E W    D E F A U L T S  -
/*======================================================================================*/

/*--------------------------------------------------------------------------------------*/
/*                                     R E S E T 
/*--------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
			margin: 0; 
			padding: 0; 
			border: 0; 
			font-size: 100%;
			vertical-align: baseline;
			}
		
	article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { 
			display: block; 
			}
			
	audio, canvas, video { 
			display: inline-block; 
			*display: inline; *zoom: 1; 
			}
			
	audio:not([controls]) {
			 display: none; 
			 }
	[hidden] { 
			display: none; 
			}
	figure {
			margin: 10% 0;
			  }
	figcaption { 
			text-align: center; 
			}
			
	img { 
			border: 0; 
			}
		
	 a{ 
			color: rgb(20,21,21);
			text-decoration: none!important;
			}
	 a:hover{ 
			color: rgb(100,102,102);
			text-decoration: none!important;
			}				
	a:hover, a:active, a:focus {
			 outline: none; 
			 -moz-outline-style: none;
			 }
	
	input {
			-webkit-border-radius:0; 
			border-radius:0;
			}
			
	::-webkit-input-placeholder {
			color: #191919;
			}
	:-moz-placeholder {
			color: #191919;
			}
	::-moz-placeholder {
			color: #191919;
			}
	:-ms-input-placeholder {
			color: #191919;
			}
	*, *:before, *:after {
			-webkit-box-sizing: 
			border-box; 
			-moz-box-sizing: 
			border-box; 
			box-sizing: border-box;}

	
/*--------------------------------------------------------------------------------------
                        B A S I C    P A R A M E T E R S    
/*--------------------------------------------------------------------------------------*/
	html {
			overflow-x: hidden;
			margin: auto;
			font-family: "Open Sans", sans-serif;
			font-size: 16px;
			color: rgb(38,43,47);
			-webkit-font-smoothing: antialiased;
			}		
	body {
			overflow-x: hidden;
			margin: 0;
			padding: 0;
			box-sizing:border-box;
			font-family: "Open Sans", sans-serif;
			font-size: 16px;
			color: rgb(38,43,47);
			background: rgb(255,255,255);
			-webkit-font-smoothing: antialiased;
			-webkit-transition: all .7s ease-in-out;
			transition: all .7s ease-in-out;
			}	
				
	b, strong {
			font-weight: bolder;
			}
	dfn, em, i {
			font-style: italic;
			}
	s, strike, del {
			text-decoration: line-through;
			}
	address {
			margin: 0 0 34px;
			font-size: 1rem;
			line-height: 1.6;
			}
	pre {
			max-width: 100%;
			margin-bottom: 1.3rem;
			padding: 0.9rem;
			overflow: auto;
			background: #ededed;
			font-family: Consolas, Monaco, monospace;
			font-size: 0.7rem;
			line-height: 1.4;
			}
	
	code, kbd, tt, var {
			font-family: Consolas, Monaco, monospace;
			font-size: 0.8rem;
			}
	
	abbr, acronym {
			border-bottom: 1px dotted #666;
			cursor: help;
			}
	
	mark, ins {
			background: #d6fce2;
			text-decoration: none;
			}
	sup,
	sub {
			position: relative;
			vertical-align: baseline;
			height: 0;
			font-size: 0.75rem;
			line-height: 0;
			}
	sup {
			bottom: 1ex;
			}
	sub {
			top: .5ex;
			}
	small {
			font-size: .75rem;
			}
	big {
			font-size: 1.25rem;
			}
	figure {
			margin: 0;
			}
	img {
			max-width: 100%; /* Adhere to container width. */
			height: auto; /* Make sure images are scaled correctly. */
			}
	dt {
			padding-bottom: 4px;
			font-weight: bold;
			}
	dd {
			margin: 0 0 20px;
			}
	dl dt {
			font-weight: bold;
			color: rgb(38,43,47);
			}
	dl dd {
			margin: 0 0 20px;
			font-size: 0.9rem;
			line-height:1.45;
			}
	.wp-smiley {
			border: 0;
			margin-bottom: 0;
			margin-top: 0;
			padding: 0;
			}
	                                                                         
	.alignleft,
	.alignright {
			display: block;
			}
	.alignleft {
			float: none;
			margin: auto;
			
			}
	.alignright {
			float: none;
			margin: auto;
			}
	
	.aligncenter {
			display: block;
			margin-left: auto;
			margin-right: auto;
			clear: both;
			}
/*--------------------------------------------------------------------------------------
 	FORMS
  --------------------------------------------------------------------------------------*/
	
	
	input,
	textarea {
			padding: 10px;
			border: 1px solid #cacaca;
			background: #fff;
			color: rgb(38,43,47);
			font-family: 'Alegreya', Georgia, serif;
			font-size: 0.95rem;
			line-height: 1.5;
			-webkit-transition: all ease-in-out 0.2s;
			-moz-transition: all ease-in-out 0.2s;
			-o-transition: all ease-in-out 0.2s;
			transition: all ease-in-out 0.2s;
			}
	form label {
			font-family: 'Alegreya Sans', 'Helvetica Neue', sans-serif;
			font-size: 0.8rem;
			font-weight: bold;
			}
	input:hover,
	textarea:hover {
			background: none;
			}
	input:focus,
	input:active,
	textarea:focus,
	textarea:active {
			background: none;
			border: 1px solid #999;
			outline: none;
			}

/*Buttons                                                                              */
	input[type="button"],
	input[type="submit"] {
			padding: 0.9rem 0.9rem 0.85;
			background: rgb(38,43,47);
			color:  rgba(255, 255, 255, 0.85);
			border: none;
			font-family: 'Aegreya Sans', Arial, sans-serif;
			font-size: 0.8rem;
			letter-spacing: 1px;
			line-height: 1;
			text-transform: uppercase;
			cursor: pointer;
			-webkit-appearance: none;
			-webkit-transition: all ease-in-out 0.2s;
			-moz-transition: all ease-in-out 0.2s;
			-o-transition: all ease-in-out 0.2s;
			transition: all ease-in-out 0.2s;
			}
	input#submit {
			margin: 0.9rem 0 0.7rem;
			padding: 1.1rem 0.7rem 1rem;
			border: none;
			font-size: 0.8rem;
			letter-spacing: 1px;
			text-transform: uppercase;
			cursor: pointer;
			-webkit-appearance: none;
			color:  rgba(255, 255, 255, 0.85);
			}
	input[type="button"]:hover,
	input[type="submit"]:hover,
	input#submit:hover,
	.widget_blog_subscription input[type="submit"]:hover {
			background: #000;
			color: #fff;
			}


/*=======================================================================================
      
                              T  Y  P  O  G  R  A  P  H  Y
                                    
 =======================================================================================*/


/*---------------------------------------------------------------------------------------
                         H E A D E R S   &   P A R A   T E X T
  -------------------------------------------------------------------------------------*/                                                                        			

 /*---------------------------------------------------------------------------------------
  H!.PAGE-TITLE  - header for the pages
  -------------------------------------------------------------------------------------*/                                                                        			
  	h1.page-title{
	 	position: relative;
	 	margin: 1rem auto;
		padding: 0;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	 	}
	
	h1.page-title span.the-title {
	 	display: block;
		margin: 0 auto;
		padding: 4px 0;
		max-width: 40rem;
		font-family: "Alegreya";
		font-weight: 400;
		font-size: 3rem;
		text-transform: uppercase;
		letter-spacing: 0.05rem;
		color:rgb(38,43,47);
		text-align: center;
		}
		@media screen and (max-width: 414px){
		/*no icon in smaller screens*/
	 		h1.page-title span.the-title {
	 			font-size: 2rem;
				}
			}
	/*---------------------------------------------------------------------------------------
  H1.POST-TITLE  -header for single posts 
  -------------------------------------------------------------------------------------*/                                                                        			
	
  							    									
	 h1.post-title{
	 	position: relative;
	 	margin: 1rem auto;
		padding: 0;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	 	}
		

/* SPAN 'THE TITLE' setting different font attributes ------------------------------*/

 	h1.post-title span.the-title {
		position: relative;
		margin: 0;
		padding: 0;
		font-family: "Alegreya", "Libre Baskerville", "Georgia", "Times New Roman";
		font-weight: 400;
		font-size: 3rem;
		color:rgb(26,30,33);
		text-align: left;
		word-spacing:0.5rem;
		letter-spacing:0.04rem;
		}
		@media screen and (max-width:768px){
		h1.post-title span.the-title{
				font-size: 2.5rem;
				}
		}
	
/* h1  post-title subtitle span  ------------------------------------*/

	h1.post-title span.subtitle {
		display: block;
		position: relative;
		margin: 0 0 1.9rem;
		width: auto;
		padding: 0;
		font-family: "Alegreya Sans";
		font-weight: 400;
		font-size: 1.9rem;
		text-align: left;
		word-spacing:0.2rem;
		letter-spacing:0.02rem;
		color: rgb(120,121,122);
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
		}
	 
/*---------------------------------------------------------------------------------------
  H1.SECTION TITLE  - header for THE SECTION PAGES
  -------------------------------------------------------------------------------------*/                                                                        			
 
	 h1.section-title {
	 	display: block;
	 	margin: 0 -9999rem 4rem;
	 	padding: 0 9999rem;
	 	color:rgb(38,43,47);
	 	background: rgba(55,63,68,0.04);
	 	}
		@media screen and (max-width: 414px){
		/*no icon in smaller screens*/
	 		h1.section-title  {
	 			margin: 0 0 2rem;
	 			padding: 0 0;
				}
			}
	
	h1.section-title span.the-title {
	 	display: block;
		margin: 0 auto;
		padding:  0;
		max-width: 40rem;
		font-family: "Alegreya";
		font-weight: 400;
		font-size: 3rem;
		text-transform: uppercase;
		letter-spacing: 0.05rem;
		word-spacing: 1rem;
		color:rgb(38,43,47);
		text-align: center;
		}
		@media screen and (max-width: 414px){
	 		h1.section-title span.the-title {
	 			font-size: 200%;
	 			word-spacing: 0.25rem;
				}
			}

	h1.section-title span.the-title:before {
		position: absolute;
		width: 70px;
		margin: 0 auto ;
		padding: 0;
		text-align: center;
		color: rgba(50,63,68,0.8);
		-webkit-filter: saturate(70%);
		filter: saturate(70%);
		}
		@media screen and (max-width: 414px){
		/*no icon in smaller screens*/
	 		h1.section-title span.the-title:before {
				display: none;
				}
			}


/*smaller text*/
	h1.section-title span.the-title.s {
	 	display: block;
		font-size: 2.5rem;
		}
		@media screen and (max-width: 414px){
			h1.section-title span.the-title.s{
				font-size: 170%
				
				}
			}

 
 /* span the title for separate section icons  ----------------------------------*/
 
 /*media-watch*/
	.mw h1.section-title span.the-title:before {
		left: 30rem;
		top: 0.5rem;
		content: '';
		}
 
 /*politics & geopolitics*/
	.pol h1.section-title span.the-title:before {
		left: -3rem;
		top: 0.3rem;
		content: '';
		}

 /*brave new world etc*/
	.bnw h1.section-title span.the-title:before {
		left: 30%;
		top: 0;
		content: '';
		}

 /*outside the overton window*/
 	.ne h1.section-title {
 		padding: 10px 0;
 		}
 		
	.ne h1.section-title  span.the-title:before {
		left: -3rem;
		top: 0;
		content: '';
		}

 /*historical persectives*/
	.hp  h1.section-title  span.the-title:before {
		left: -1rem;
		top: 0;
		content: '';
		}				
			
 /*arts & culture*/
	.arts h1.section-title span.the-title:before {
		left: 3rem;
		top: 0.5rem;
		content: '';
		}				

 /*multimedia etc*/
	.mu h1.section-title span.the-title:before {
		left: 7rem;
		top: 0;
		content: '';
		}
			
	h1.section-title span a{
		 color:rgb(38,43,47);
		}

/*---------------------------------------------------------------------------------------
  .section-title subheader -for subcats on section pages (this is a widget)
  -------------------------------------------------------------------------------------*/                                                                        			

 /*wrap to constrain h2 width*/
 	div.subhead-wrap{
 		position: relative;
 		max-width: 1400px;
 		margin: 10rem auto 0;
 	}

	h2.section-subhead{
		display: block;
		position: relative;
		height: 2.15rem;
		margin: 0 -9999rem 4rem;
		padding: 0 9999rem ;
	 	background: rgba(55,63,68,0.1);
		}
	
	h2.section-subhead span{
		display: block;
		margin: 0 auto;
		padding-left: 1rem;
		color: rgb(50,51,52);
		font-weight: 400;
		letter-spacing: 0.07rem;
		word-spacing: 0.5rem;
		text-align: center;
		text-transform: uppercase;
		font-size: 1.6rem;
		}
	

/*---------------------------------------------------------------------------------------
  .SECTION-DESCRIPTION H2
  -------------------------------------------------------------------------------------*/                                                                        			
	h2.section-description{
		display: block;
		position: relative;
		max-width: 42rem;
		margin: 2rem  auto 4rem;
		text-align: center;
		font-size: 160%;
		font-weight: 500;
		}
		@media screen and (max-width: 414px){
		/*no icon in smaller screens*/
	 		h2.section-description{
	 			padding: 0 0.5rem;
				font-size: 120%
				}
			}
/*--------------------------------------------------------------------------------------
   H1.WIDGET-TITLE 
  --------------------------------------------------------------------------------------*/
 	
 	 h1.widget-title{
			position: relative;
			text-transform: uppercase;
			white-space: nowrap;
			border:0;
			box-sizing: border-box;
			}

/*---------------------------------------------------------------------------------------
  .LEFT
  --------------------------------------------------------------------------------------*/


 	h1.widget-title.left{
			text-align: left;
			}

/*---------------------------------------------------------------------------------------
  .CENTER 
  --------------------------------------------------------------------------------------*/

			
 	h1.widget-title.center{
			text-align: center;
			}			
			
			
/*---------------------------------------------------------------------------------------
   CHEVRON 
  --------------------------------------------------------------------------------------*/
 	
 	 h1.widget-title.chevron{
 	 		display: inline-block;
			margin: 0 0 3rem -9999rem;
			padding: 0 4rem 0 9999.4rem;
			font-family: "Alegreya Sans", sans-serif;
			font-weight: 300;
			font-size: 2rem;
			letter-spacing: 0.06em;
			word-spacing: 0.5rem;
			color: rgb(50,52,51);
			background: rgba(55,63,68,0.06);
			overflow-x: visible;
			}
			@media screen and (max-width: 834px){
				h1.widget-title.bookmark{
					margin: 0  -9999rem;
					padding: 0  9999.3rem;
					}
				}
	
	h1.widget-title.chevron:after { 
			content:"";
			position: absolute; /* takes the 'cap' out off flow */
			top:-1px; /* stick it to top edge of the sign */
			left:100%; /* push it way overto the right*/
			height:0; /* we're doing this with borders remember */
			width:0; 
			border-width: 20px;
			border-style:solid;
			border-color:rgba(50,63,68,0.06);
			border-top-color:transparent;
			border-bottom-color:transparent;
			border-right-color:transparent;
			}
			@media screen and (max-width: 834px){
				h1.widget-title.chevron:after{ 
					border: 0
					}
				}	
				
/*---------------------------------------------------------------------------------------
   BOOKMARK WIDGET-TITLE H1
  --------------------------------------------------------------------------------------*/
 
 	h1.widget-title.bookmark{
 			display: inline-block;
 			height: 2.5rem;
 			align-content: center;
			margin: 0 0 4rem -9999rem;
			padding: 0 0 0 9999.4rem;
			padding-right: none;
			font-family: "Alegreya Sans", sans-serif;
			font-weight: 400;
			font-size: 2rem;
			letter-spacing: 0.06em;
			word-spacing: 0.6rem;
			color: rgb(50,51,53);
			color: rgb(250,251,251);
			background: rgba(55,63,68,0.6);
			overflow-x: visible;
			}
			@media screen and (max-width: 834px){
				h1.widget-title.bookmark{
					margin-bottom:2rem;
					}
				}
			@media screen and (max-width: 414px){
				h1.widget-title.bookmark{
					height: auto;
					margin: 0  -9999rem 2rem;
					padding: 0  9999.3rem;
					color: rgb(50,51,53);
					background: rgba(55,63,68,0.06);
					}
				}
	
	h1.widget-title.bookmark:after { 
			content:'';
			position: absolute; 
			top:0; 
			left:100%; 
			height:0; 
			width:3rem; 
			border: 1.25rem solid rgba(55,63,68,0.6); /* All borders set */
			border-left:  0; /* Remove left border */
			border-right:0.5rem solid transparent; /* Right transparent */
			}
			@media screen and (max-width: 414px){
				h3.widget-title.bookmark:after{ 
					border: 0
					}
				}	
					
/*---------------------------------------------------------------------------------------
   SWAG WIDGET-TITLE H1
  --------------------------------------------------------------------------------------*/

 	h1.widget-title.swag{
 			display: block;
 			height: 2.5rem;
 			align-self: center;
 			max-width: 1400px;
			margin: 0 auto 3rem;
			padding: 0 4rem;
			font-family: "Alegreya Sans", sans-serif;
			font-weight: 400;
			font-size: 2rem;
			letter-spacing: 0.05em;
			word-spacing: 0.6rem;
			text-align: center;
			color: rgb(250,251,251);
			background: rgba(48,54,58,0.9);
			overflow-x: visible;
			}
			@media screen and (max-width: 834px){
				h1.widget-title.swag{
					}
				}
			@media screen and (max-width: 414px){
				h1.widget-title.swag{
					height: auto;
					margin: 0  -9999rem 2rem;
					padding: 0  9999.3rem;
					background: rgba(48,54,58,0.9);
					}
				}
	
	h1.widget-title.swag:after { 
			content:'';
			position: absolute; 
			top:0; 
			left:100%; 
			height:0; 
			width:3rem; 
			border: 1.25rem solid rgba(48,54,58,0.9); /* All borders set */
			border-left:  0; /* Remove left border */
			border-right:0.5rem solid transparent; /* Right transparent */
			}
			@media screen and (max-width: 414px){
				h1.widget-title.swag:before{ 
					border: 0
					}
				}		
	
	h1.widget-title.swag:before { 
			content:'';
			position: absolute; 
			top:0; 
			left:-3rem; 
			height:0; 
			width:3rem; 
			border: 1.25rem solid rgba(48,54,58,0.9); /* All borders set */
			border-right:  0; /* Remove left border */
			border-left:0.5rem solid transparent; /* Right transparent */
			}
			@media screen and (max-width: 414px){
				h3.widget-title.swag:after{ 
					border: 0
					}
				}		
			
	h1.widget-title.swag a{
			color: rgb(250,251,251);
			}
		
/*---------------------------------------------------------------------------------------
   FULL-WIDTH SMALLER TEXT WIDGET-TITLE 
  --------------------------------------------------------------------------------------*/
 
 	
	  h1.widget-title.fullwidth-grey{
	 		margin: 0 -9999rem 1.3rem ;
			padding: 0 9999.99rem;
			font-size: 1.3rem;
			font-weight: 500;
			background: rgba(55,63,68,0.1);
			color: rgb(38,43,47);
			letter-spacing: 0.07rem;
			}
			
  	h1.widget-title.fullwidth-red{
	 		margin: 0 -9999rem 1.3rem ;
			padding: 0 9999.99rem;
			font-size: 1.3rem;
			font-weight: 500;
			color: rgb(250,251,252);
			background: rgba(100,0,20,0.9);
			}
			
/*---------------------------------------------------------------------------------------
    "TABBED" WIDGET-TITLE 
  --------------------------------------------------------------------------------------*/
	
	h1.widget-title.tabbed{
			display: inline-block;
			margin: 0;
			padding: 0.5rem 1rem;
			font-family: "Open Sans", sans-serif;
			font-size: 1.4rem;
			font-weight: 400;
			text-transform: uppercase;
			letter-spacing:0.06em;
			word-spacing: 0.2rem;
			color: rgb(230,231,231);
			color: rgb(38,43,47);
			white-space: nowrap;
			border-radius:  3px 3px 0 0 ;
			background: rgba(55,63,68,0.06);
			}
			@media screen and (max-width: 768px){
					h1.widget-title.tabbed{
						padding-left: 0.3rem;
						margin: 20px 0 10px;
						}
					}
/*---------------------------------------------------------------------------------------
    "No BG" WIDGET-TITLE 
  --------------------------------------------------------------------------------------*/
	
	h1.widget-title.no-bg{
		display: block;
		width: 100%;
		max-width: 1400px;
		overflow: hidden;
		margin: 0 auto 1rem;
		text-align: center;
		letter-spacing:0.06em;
		font-size: 1.6rem;
		word-spacing: 0.1rem;
		color: rgb(38,43,47);
		white-space: nowrap;
		background:transparent;
		}
		@media screen and (max-width: 768px){
				h1.widget-title.no-bg{
					margin: 20px 0 10px;
					}
				}
		@media screen and (max-width: 414px){
				h1.widget-title.no-bg{
					white-space: normal;
					}
				}
	
	h1.widget-title.no-bg:before,
	h1.widget-title.no-bg:after{
		content:'';
		display: inline-block;
	  	width: 50%;
	  	margin: 0 .5em 0 -55%;
	  	vertical-align: middle;
	 	 border-bottom: 1px solid
		}
		@media screen and (max-width: 414px){
				h1.widget-title.no-bg:before,
				h1.widget-title.no-bg:after{
					border: 0;
					}
				}
	
	
	h1.widget-title.no-bg:after {
		margin: 0 -55% 0 .5em;
		}


	h1.widget-title.no-bg span {
	  	display: inline-block;
	  	vertical-align: middle;
		}
	
#front-sidebar-one h1.widget-title.no-bg{}
	@media screen and (min-width: 834px){
			#front-sidebar-one h1.widget-title.no-bg{
				margin: 0 0 1rem;
				font-size: 1.6rem;
				}
			#front-sidebar-one h1.widget-title.no-bg:before{
	  			margin: 0 .5em 0 -25%;
				}
			#front-sidebar-one h1.widget-title.no-bg:after {
				margin: 0 -25% 0 .5em;
				}
			}




/*NO-BG MEDIUM -----------------------------------------------------------------------*/
	h1.widget-title.no-bg.med{
		font-size: 140%;
		color: rgb(38,43,47);
		}
		
	h1.widget-title.no-bg.med:before,
	h1.widget-title.no-bg.med:after{
		content:'';
		display: inline-block;
	  	width: 25%;
	  	margin: 0 .5em 0 -25%;
	  	vertical-align: middle;
		}
	
	h1.widget-title.no-bg.med:after {
		margin: 0 -25% 0 .5em;
		}
	
/*NO-BG SMALL -----------------------------------------------------------------------*/
	h1.widget-title.no-bg.small{
		font-size: 110%;
		color: rgb(38,43,47);
		}
		
	h1.widget-title.no-bg.small:before,
	h1.widget-title.no-bg.small:after{
		content:'';
		display: inline-block;
	  	width: 5%;
	  	margin: 0 .5em 0 -5%;
	  	vertical-align: middle;
	 	 border-bottom: 1px solid rgba(50,63,68,0.5);
		}
	
	h1.widget-title.no-bg.small:after {
		margin: 0 -5% 0 .5em;
		}


/*NO-BG CURSIVE -----------------------------------------------------------------------*/
	h1.widget-title.no-bg.cursive{
		font-family: 'Yellowtail';
		font-size: 1.5rem;
		font-weight: 400;
		text-transform: lowercase;
		}


/*NO-BG OS -----------------------------------------------------------------------------*/
	h1.widget-title.no-bg.OS{
		font-family: 'Open Sans';
		font-weight: 600;
		}
		
	

/*NO-BG SERIF --------------------------------------------------------------------------*/
	h1.widget-title.no-bg.S{
		font-family: 'Alegreya';
		font-weight: 300;
		
		}

	

/*-------------------------------------------------------------------------------------
 							POST & PAGE HEADERS & PARA TEXT
  -------------------------------------------------------------------------------------*/                                                                        			
	
	
	.post_page-content h1,
	.post_page-content h2,
	.post_page-content h3,
	.post_page-content h4,
	.post_page-content h5,
	.post_page-content h6,
	.post_page-content p,
	.post_page-content ul,
	.post_page-content ol,
	.post_page-content blockquote,
	.post_page-content .notes_summaries{
		padding: 0 1rem;
		}
		@media screen and (max-width: 834px){
		.post_page-content h1,
		.post_page-content h2,
		.post_page-content h3,
		.post_page-content h4,
		.post_page-content h5,
		.post_page-content h6,
		.post_page-content p,
		.post_page-content ul,
		.post_page-content ol,
		.post_page-content blockquote,
		.post_page-content .notes_summaries{
			padding: 0 0.5rem;
			}
		}
		@media screen and (max-width:414px){
		.post_page-content h1,
		.post_page-content h2,
		.post_page-content h3,
		.post_page-content h4,
		.post_page-content h5,
		.post_page-content h6,
		.post_page-content p{
			padding: 0 0.6rem
			}
		}

	
/*---------------------------------------------------------------------------------------
   post_page-content H1
  --------------------------------------------------------------------------------------*/

	.post_page-content h1 {
		max-width: 42rem;
		margin: 0 auto;
		letter-spacing: 0.01rem;
		word-spacing: 40%;
		font-family:  "Alegreya Sans", "Helvetica Neue",  "Trebuchet MS", sans-serif;
		font-weight: 400;
		font-size: 3rem;
		text-align: left;
		}
		
/*---------------------------------------------------------------------------------------
    post_page-content H2
  --------------------------------------------------------------------------------------*/
	
	.post_page-content h2 {
		max-width: 42rem;
		margin: 1.4rem  auto;
		letter-spacing: 0.03rem;
		word-spacing: 20%;
		font-family: "Open Sans", "Tahoma", "Trebuchet MS", sans-serif;
		font-weight: 500;
		font-size: 1.6rem;
		text-align; left;
		color: rgb(150,150,150);
		}
		
	
		
/*---------------------------------------------------------------------------------------
	 post_page-content H3
  --------------------------------------------------------------------------------------*/
		
	.post_page-content h3 {
			max-width: 42rem;
			margin: 0 auto 3rem;
			letter-spacing:0.02rem;
			word-spacing: 10%;
			font-family: 'Open Sans', sans-serif;
			font-size: 120%;
			font-weight: 600;
			letter-spacing: .02rem;
			color: rgb(60,62,65);
			}
	
		
	.post_page-content h3 {
			max-width: 42rem;
			margin: 0 auto 3rem;
			word-spacing: 10%;
			font-family: 'Open Sans', sans-serif;
			font-size: 120%;
			font-weight: 600;
			letter-spacing: .02rem;
			color: rgb(60,62,65);
			}
			
	
 /*-------------------------------------------------------------------------------------
   post_page-content widget h3 post-title
  -------------------------------------------------------------------------------------*/
	
	.post_page-content * .widget h3.post-title,
  	.widget h3.post-title{
  			font-weight: 500!important;
  			font-family: "Alegreya";
 			color:rgb(38,43,47)!important;
 			transition: all 1s ease-in-out;
 			}	
 	.post_page-content * .widget h3.post-title a,
 	.widget h3.post-title a{
 			color:rgb(38,43,47)!important;
 			font-weight: 500;
 			}
 			
/*---------------------------------------------------------------------------------------
    post_page-content H4
  --------------------------------------------------------------------------------------*/
		
	.post_page-content h4 {
			max-width: 42rem;
			margin: 4rem auto 1rem;
			font-family: "Open Sans", "Tahoma", "Trebuchet MS", sans-serif;
			font-size: 1.9rem;
			font-weight: 400;
			word-spacing: 15%;
			letter-spacing: 0.03em;
			color: rgb(25,33,38);
			text-align: left;
			text-transform: uppercase;
			}
			@media screen and (max-width:414px){
				.post_page-content h4 {
					margin: 3rem auto 1rem;
					}
				}
/*---------------------------------------------------------------------------------------
	 post_page-content H5
  --------------------------------------------------------------------------------------*/
		
	.post_page-content h5 {
			max-width: 42rem;
			margin: 0 auto 2rem;
			text-align: left;
			font-family: "Open Sans", "Tahoma", "Trebuchet MS", sans-serif;
			font-weight: 600;
			font-size: 1.4rem;
			font-style: normal;
			color: rgb(10,10,10);
			word-spacing: 0.2rem;
			letter-spacing: 0.04rem;
			line-height: 140%;
			}
	
/*---------------------------------------------------------------------------------------
	 post_page-content H6
  --------------------------------------------------------------------------------------*/
	
	.post_page-content h6 {
			max-width: 42rem;
			margin: 0 auto 4rem;
			font-size: 1.3rem;
			font-family: "Open Sans", "Trebuchet MS", sans-serif;
			font-weight: 300;
			letter-spacing: 0.03rem;
			line-height: 150%;
			color: rgb(0,01,02);
			}
	.post_page-content .author,
	.post_page-content h6.footnote, 
	.post_page-content h6.author{
			max-width: 40rem;
			margin: 2rem auto;
			padding: 1.5rem ;
			font-family: "Open Sans Condensed", "Trebuchet MS",  sans-serif;
			font-size: 1rem;
			font-weight: 400;
			font-style: italic;
			text-align: left;
			letter-spacing: 0.04rem;
			line-height: 140%;
			color: rgb(38,43,47);
			border: solid 2px rgba(30,80,116,0.07);
			background: rgba(30,80,116,0.06);
			}

/*---------------------------------------------------------------------------------------
	 post_page-content p
  --------------------------------------------------------------------------------------*/
	
	.post_page-content p{
			max-width: 42rem;
			margin: 1.4rem auto;
			font-family: 'Alegreya',  serif;
			font-size: 1.40rem;
			font-weight: 400;
			line-height: 150%;
			color: rgb(38,43,47);
			}	


/* dropcap first letter on posts but not pages*/
	/*.post_page-content.post p:first-of-type:first-letter { 
			float: left;
			color: rgb(100,0,30);
			color:rgba(38,43,47,0.95);
			font-size: 500%;
			line-height: 60px;
			padding: 1.5rem 1rem 0.5rem;
			font-family: 'Libre Baskerville', 'Georgia',  serif;
			background: rgba(55,63,68,0);
			}
			@media screen and (max-width:414px){
				.post_page-content.post p:first-of-type:first-letter { 
					float: none;
					margin: initial;
					padding: initial;
					font-size: 110%;
					color: initial;
					}
				}*/

	.post_page-content p em,
	.post_page-content p i{
			font-family: 'Alegreya Sans', "Helvetica Neue", "Trebuchet MS" sans-serif; 
			font-style: italic ;
			}
	
	
	.post_page-content p strong,
	.post_page-content p b{
			font-weight: bolder;
			}	

								
/*--------------------------------------------------------------------------------------
	big First Letter -  "dropcap" option in visual editor
 --------------------------------------------------------------------------------------*/ 
	 
	.post_page-content p.dropcap:first-letter { 
			float: left;
			color: rgb(100,0,30);
			color:rgba(38,43,47,0.95);
			font-size: 500%;
			line-height: 60px;
			padding: 1.5rem 1rem 0.7rem;
			font-family: 'Libre Baskerville', 'Georgia',  serif;
			background: rgba(55,63,68,0);
			}
			@media screen and (max-width:414px){
				.post_page-content p.dropcap:first-letter { 
					float: none;
					margin: initial;
					padding: initial;
					font-size: 110%;
					color: initial;
					}
				}

/*--------------------------------------------------------------------------------------
	Medieval Big First Letter -  "meddropcap" option in visual editor
 --------------------------------------------------------------------------------------*/ 
	 
	.post_page-content p.meddropcap:first-letter { 
			float: left;
			color:rgba(28,31,20,0.95);
			font-size: 480%;
			line-height: 60px;
			margin-right: 0.8rem;
			padding: 1.7rem 0.8rem 1.2rem;
			border: 3px solid rgba(100,0,30,1);
			border-radius: 2%;
			box-sizing: border-box;
			font-family: 'Metamorphous', 'Georgia',  serif;
			background: rgba(121,99,93,0.79);
			}
			@media screen and (max-width:414px){
				.post_page-content p.meddropcap:first-letter { 
					float: none;
					margin: initial;
					padding: initial;
					font-size: 110%;
					color: initial;
					}
				}

/*--------------------------------------------------------------------------------------*/
/*	"linebreak" option in visual editor to create new p with minimal margin 
/*--------------------------------------------------------------------------------------*/ 
 	
 	.post_page-content p.linebreak{ 
			margin-top: 0.2rem;
			margin-bottom: 0.2rem;
			}

/*---------------------------------------------------------------------------------------
   post_page-content widget p post-summary
  --------------------------------------------------------------------------------------*/
	.post_page-content * .widget p.post-summary,				
	.widget p.post-summary{
			display: block;
			font-size: 0.95rem;
			color:rgb(40,41,41);
			font-weight: 300!important;
			}
	
	.post_page-content * .widget p.post-summary a,				
	.widget p.post-summary a{
			color:rgb(40,41,41);
			font-weight: 300!important;
			}	
			
	.widget .post-summary a.readmore{
			padding: 1px 3px;
			font-family: "Alegreya Sans";
			font-size: 1rem;
			color: rgb(100,10,30);
			text-transform: uppercase;
			font-weight: 500;
			white-space: nowrap;
			background: rgb(250,251,251);
			}

			
/*--------------------------------------------------------------------------------------
                                       LISTS
  --------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------
	.post_page-content LISTS
  ------------------------------------------------------------------------------------*/

	.post_page-content ul,
	.post_page-content ol {
			position: relative;
			max-width: 34rem;
			margin: 4rem auto 3rem;
			padding: 0 1rem;
			}
			@media screen and (max-width: 414px){
				.post_page-content ul,
				.post_page-content ol {
						padding: 0 1rem 0 2.5rem ;
						}	
					}				
	.post_page-content ul {
			list-style:none;
			list-style-position: outside;
			}
	.post_page-content ol {
			list-style: none;
			list-style-position: outside;
			}

	.post_page-content ul li:before,
	.post_page-content ol li:before {
			position: absolute;
			left: -2rem;
			color: rgb(140,141,142);
			}
			@media screen and (max-width: 414px){
				.post_page-content ul li:before,
				.post_page-content ol li:before {
						left: -1rem;
						}	
					}	
	
		
	.post_page-content ul li:before {
			content:'•'; 
			font-size: 1.5rem;
			}
	
	.post_page-content ol {
			counter-reset: Counter; 
			}
	.post_page-content ol li {
			 counter-increment: Counter;
			}  
  
	.post_page-content ol li:before {
			 content: counters(Counter, ".", decimal);
			 font-size: 1.4rem;
				font-family:'Alegreya'
			}
						
	.post_page-content li {
			display: block;
			position: relative;
			padding:0;
			line-height: 145%;
			font-weight: 400;
			margin: 0 0 2rem;
			font-size: 1.2rem;
			font-family: 'Open Sans', 'Georgia', serif;
			letter-spacing: .03em;
			color:rgb(05,06,07);
			}
	.post_page-content li b,
	.post_page-content li strong{
			font-weight: bolder;
			}


/*--------------------------------------------------------------------------------------
                                     BLOCKQUOTES 
  --------------------------------------------------------------------------------------*/                                          	
	
	blockquote {
			position: relative;
			max-width: 42rem;
			margin: 3rem auto;
			padding: 0;
			border: solid 0 rgba(55,63,68,0.15);
			background: transparent;
			}
			@media screen and (max-width: 414px){
				 blockquote {
						margin: 2rem 0.6rem;
						padding: 1rem 0.7rem;
						}
					}
		
		
		
	 blockquote:before {
			display: block;
			position: absolute;
			left: 2rem;
			top: 2rem;
			content: "\201C";
			margin: 0;
			padding: 0;
			font-size: 7em;
			font-weight: 300;
			font-family: "Alegreya", serif;
			line-height: .1em;
			color: rgba(55,63,68,0.1);
			z-index: 500;
			}
			@media screen and (max-width: 414px){
				 blockquote:before {
						display: none
						}
					}

	
	 blockquote p,
	 .post_page-content blockquote p{
			max-width: 34rem;
			margin: 4rem auto;
			font-style: italic;
			color: rgb(55,63,68);
			font-size: 160%;
			line-height: 170%;
			font-weight: 500;
			font-family: 'Alegreya Sans';
			}
			@media screen and (max-width: 414px){
				blockquote p,
				.post_page-content blockquote p {
						padding: 0 1rem;
						font-weight: 400;
						}
					}
	
						
	 blockquote b,
	 blockquote strong {	
			font-weight:bolder;
			}
			
	 blockquote cite {
			display: block;
			margin-top: 0;
			text-align: right;
			text-transform: initial;
			font-family: "Alegreya";
			font-size: .8em;
			font-weight: 500;
			line-height: 160%;
			color: rgb(80,81,82);
			}
	 blockquote cite:before {
			content: "\2014";
			}
	 blockquote cite em{
			font-weight: 500;
			}	


/*--------------------------------------------------------------------------------------
  TOPQUOTE BLOCKQUOTE 
  --------------------------------------------------------------------------------------*/
	
	 blockquote.topquote,
	  blockquote.header{
			position: relative;
			max-width: 44rem;
			margin: 3rem auto;
			font-family: 'Yellowtail', Georgia, serif;
			font-size: 110%;
			font-style: normal;
			font-weight: 500;
			color: rgb(15,23,28);
			letter-spacing: 0.06vw;
			line-height: 140%;
			text-align: center;
			background: transparent;
			border: 0;
			}
			
	 blockquote.topquote p, 
	  blockquote.header p {
			max-width:100%!important;
			margin: 0 auto;
			padding: 0;
			font-family: 'Yellowtail', Georgia, serif;
			font-size: 130%;
			font-weight: 500;
			color: rgb(55,63,68);
			letter-spacing: 0.06vw;
			line-height: 140%;
			text-align: center;
			}		
	
			
	 blockquote.topquote:before, 
	 blockquote.header:before{
			display: block;
			position: absolute;
			left: 0;
			top: 1rem;
			content:''/* "\201C"*/;
			width: 150px;
			margin: 0;
			padding: 0;
			font-size: 2rem;
			font-family: "Alegreya", Georgia, serif;
			line-height: .1em;
			color: rgba(55,63,68,1);
			font-weight: 300;
			z-index: 0;
			}
	
	blockquote.topquote cite,
	blockquote.header cite{
			display: block;
			margin:  1rem auto 0;
			font-size: .65em;
			font-family: 'Yellowtail';
			line-height: 160%;
			text-align: center;
			text-transform: initial;
			color: rgb(120,121,122);
			}
	
	
	 blockquote.topquote cite:before,
	 blockquote.header cite:before{
			content: "\2014";
			}

/*--------------------------------------------------------------------------------------
  PULLQUOTE BLOCKQUOTE 
  --------------------------------------------------------------------------------------*/

	blockquote.pullquote {
			border: 0;
			}
		
	 blockquote.pullquote p{
			max-width: 40rem;
			margin: 6rem auto;
			font-style: italic;
			color: rgb(22,27,30);
			font-size: 220%;
			line-height: 170%;
			font-weight: 500;
			font-family: 'Alegreya Sans';
			}
			
 	 blockquote.pullquote:before {
			left: -0.5rem;
			top: 2rem;
			content: '\201C';
			margin: 0;
			padding: 0;
			font-size: 6em;
			color: rgba(55,63,68,0.8);
			}
			@media screen and (max-width: 414px){
				 blockquote:before {
						display: none
						}
					}

			
/*--------------------------------------------------------------------------------------
    TWITTER EMBED BLOCKQUOTE
  --------------------------------------------------------------------------------------*/
	
	/*alternate twitter embed*/
	.twitter-wrap{
			position: relative;
			display: block;
			max-width: 42rem;
			margin: 4rem auto;
			}

	.twitter-tweet {
			position: relative;
			display: block;
			max-width: 42rem;
			margin: 4rem auto!important;
			padding: 1em 2em;
			font-family: "Alegreya Sans", Calibri, sans-serif;
			font-size: 0.8rem;
			font-weight: bold;
			line-height: 1rem;
			text-align: center;
			border-color: rgba(220,221,222,0.7);
			border-radius: 5px;
			border-style: solid;
			border-width: 0;
			box-shadow: none;
			}
	.twitter-tweet p {
			max-width: 34rem;
			font-size: 1.2rem;
			font-weight: normal;
			font-style: normal;
			line-height: 1.5rem;
			}
	.twitter-tweet a {
			color: black;
			font-weight: normal;
			text-decoration: none;
			outline: 0 none;
			}
	.twitter-tweet a:hover,
	.twitter-tweet a:focus {
			text-decoration: underline;
			}
	.twitter-tweet:before {
			display: none;
			}






/*--------------------------------------------------------------------------------------
    TRANSCRIPT DIV
  --------------------------------------------------------------------------------------*/

	 .transcript{
			position: relative;
			max-width: 42rem;
			margin: 2rem auto; 
			padding: 3rem 0;
			border: solid 3px rgba(30,80,116,0.07);
			background: rgba(30,80,116,0.06) /* NOTE (250, 252, 253) MAKES A BEAUTIFUL YELLOW*/;	
			}
			@media screen and (max-width:414px){
				.post_page-content .transcript{
					position: relative;
					margin: 2em 0.6rem;
					width: auto;
					padding: 2rem 0.5rem;
					}
				}


	.transcript h1,
	.transcript h2,
	.transcript h3,
	.transcript h4,
	.transcript h5,
	.transcript h6,
	.transcript p{
			max-width: 35rem;
			margin: auto;
			}


	.transcript h1 {
			font-family: "Alegreya Sans";
			font-size: 200%;
			letter-spacing: 0.03em;
			font-weight: 600;
			color: rgb(05,05,05);
			}
	
	.transcript p {
			max-width: 34rem;
			margin: 1.4rem auto;
			font-family: 'Alegreya Sans';
			line-height: 190%;
			font-size: 121%;
			letter-spacing: 0.03em;
			font-weight: 400;
			color: rgb(05,05,05);
			}


/*	MID-2OTH C TYPESCRIPT FOR OLDER LETTERS AND DOCS*/	
	.transcript p.old {
			font-family: "Courier New";
			line-height: 130%;
			font-size: 110%;
			letter-spacing: 0.03em;
			font-weight: 600;
			color: rgb(05,05,05);
			}
		
	 .transcript blockquote{
			border: 0;
			padding-left: 2.5rem;
			color: rgb(20, 21,22);
			}

	.transcript blockquote:before{
			left: 2.5rem;
			color: rgba(55,63,68,0.3);
			}
	
	.transcript ul { 
			margin: 2rem auto;
			}
	
	.transcript li { 
			max-width: 30rem; 
			margin: 2rem auto;
			padding: 0;
			font-weight: 400;
			}	
		
	/*.transcript ul li:before { 
			content: '';
			}*/
		
/*--------------------------------------------------------------------------------------
   "NOTES & SOURCES" 
  --------------------------------------------------------------------------------------*/

	 .notes_sources{
			position: relative;
			max-width: 41rem;
			min-width: 300px;
			margin: 4vh auto; 
			padding: 3vh 0;
			border-top: solid 3px rgba(20,80,86,0.06);
			}
			@media screen and (max-width:414px){
				.notes_sources,
				.post_page-content .notes_sources{
					margin: 2em 0.6rem;
					width: auto;
					}
				}
 
 	.notes_sources * {
			font-size: 97%!important;
			}

	 .notes_sources h5{
			margin: 1rem 0 0;
			font-weight: 700;
			font-size: 4rem;
			}

	.notes_sources ul {
			margin: 0 auto;
			}
	
	.notes_sources li {
			margin: 0 0 1rem;
			padding: 0;
			font-family: "Alegreya Sans"; 
			font-weight: 500;
			line-height: 1.5rem;
			}
		
	.notes_sources li > p{
		margin: 0 0 1rem ;
			padding: 0;
			font-family: "Alegreya Sans"; 
			font-weight: 500;
			line-height: 1.5rem;
			}
		
	.notes_sources ul li:before {
			display: none;
			}

 	.notes_sources .transcript{
			position: relative;
			padding: 20px 30px!important;
			}
			@media screen and (max-width:414px){
				.notes_sources{
					margin: 2em 0.6rem;
					width: auto;
					}
				}
	
	.notes_sources blockquote{
			width: auto;
			min-width: auto;
			margin: 2rem 0;
			padding: 1rem;
			font-size: 120%!important;
			font-weight: bolder
			}	
	.notes_sources blockquote:before{
			display: none;
			}	
	
	.notes_sources blockquote:before{
			font-weight: bolder;
			}		

/*--------------------------------------------------------------------------------------
    PDF READER DIV
  --------------------------------------------------------------------------------------*/

	.pdf_reader{
		display: block;
		position: relative;
		max-width: 43rem!important;
		margin: 3rem auto;
		}
/*---------------------------------------------------------------------------------------
 	POEM DIV - NARROW (Only works inside containing div with margin auto as wide as body text)
----------------------------------------------------------------------------------------*/

	.narrow_container{
			max-width: 42rem;
			margin: auto;
			}	

	.narrow_center{
		width: 14rem;
		margin: auto;
		}
		@media screen and (max-width:768px){
				.narrow_center{
					position: relative;
					margin-left: 0;
					}
				}


	.narrow_right{
		margin-left: 28rem;
		}
		@media screen and (max-width:768px){
				.narrow_right{
					position: relative;
					margin-left: 0;
					}
				}

/*---------------------------------------------------------------------------------------
 							F O N T  A W E S O M E  I C O N S 						
  --------------------------------------------------------------------------------------*/		       		

/*---------------------------------------------------------------------------------------
    WIDGET FONT AWESOME ICONs 							
  --------------------------------------------------------------------------------------*/		       		
	
	.widget .far,
	.widget .fas{
			color: rgb(100,0,30);
			font-size: 1.2rem;
			}	

/*---------------------------------------------------------------------------------------
 									B U T T O N S 						
  --------------------------------------------------------------------------------------*/		       		

/*---------------------------------------------------------------------------------------
  WORDPRESS OFFICIAL SHARING BUTTONS
  --------------------------------------------------------------------------------------*/

	div.sharedaddy{
			max-width: 42rem;
			margin: 2rem auto 0;
			padding: 0 1rem;
			}
	
	div.sharedaddy h3.sd-title{
			display: none!important;
			}
	
	.sd-content ul li:before{
			content: ''!important;	
			}
	
	.sd-content ul li{
			-webkit-filter: saturate(50%);
			filter: saturate(50%);
			}	

/*---------------------------------------------------------------------------------------
  "SEE MORE" CATEGORY BUTTON						
  --------------------------------------------------------------------------------------*/		       		
	
	div.cat_button{
			display: block;
			position: relative;	
			max-width: 1400px;
			margin: -3rem auto 4rem;
			padding-right: 1rem;
			text-align: right;	
		
			}
			@media screen and (max-width: 834px){
					div.cat_button{
						margin: 0 auto 3rem;
						}
				}
			@media screen and (max-width: 414px){
					div.cat_button{
					margin: 0 auto 3rem;
					padding: 0;
					text-align: center;
						}
				}	
	
			@supports not (display: grid){		
				div.cat_button{	
					margin: -6rem 0 10rem 0;
					}	
					@media screen and (max-width: 834px){
						div.cat_button{
							margin: -6rem auto 6rem;
							text-align: center;
							}
						}
					}
			
						
 	button.cat_button {
			position: relative;
			display: inline-block;
			margin: 0 auto ;
			padding: 15px 2.5rem;
			text-align:center;
			font-family: "Alegreya Sans SC", sans-serif;
			font-size: 120%;
			font-weight: 400;
			word-spacing: 0.1rem;
			letter-spacing: 0.02rem;
			text-shadow:none;
			color:rgb(250,251,253)!important;
			cursor:pointer;
			border: solid 2px rgba(48,54,58, 1);
			border-radius: Opx;
			background: rgba(48,54,58, 0.9)!important;
		
			}
			@media screen and (max-width: 834px){
				button.cat_button{
					padding: 5px 2rem;
					}
				}
			@media screen and (max-width: 414px){
				button.cat_button{
					display: block;
					width: 70%;
					margin: 0  auto 1rem;
					padding: 5px 8px;
					font-size: 110%;
					}
				}

      button.cat_button_trans{
			position: relative;
			display: inline-block;
			margin: -3rem auto 0;
			padding: 5px 2rem;
			text-align:center;
			font-family: "Alegreya Sans SC", sans-serif;
			font-size: 120%;
			font-weight: 400;
			word-spacing: 0.1rem;
			letter-spacing: 0.02rem;
			text-shadow:none;
			color:rgb(20,20,20)!important;
			cursor:pointer;
			border: solid 1px rgba(48,54,58, 0.5);
			border-radius: Opx;
			background: transparent!important;
            }
			@media screen and (max-width: 834px){
				button.cat_button_trans{
					margin: -2rem auto 0;
					padding: 5px 2rem;
					}
				}
			@media screen and (max-width: 414px){
				button.cat_button_trans{
					display: block;
					width: 70%;
					margin: 0  auto 1rem;
					padding: 5px 8px;
					font-size: 110%;
					}
				}
/*--------------------------------------------------------------------------------------
	 HR
  --------------------------------------------------------------------------------------*/ 		
	
	 hr {
			display: none/* temp until we remove it from bottom of older posts*/;
			max-width: 38rem;
			height: 1px;
			margin: 4vh auto;
			padding: 0;
			border: 0;
			border-top: 2px dotted rgb(150,150,150);
			}
			@media screen and (max-width: 414px){
				hr {
					width: 80%;
					margin: 3vh auto;
					}
				}		
/*-------------------------------------------------------------------------------------
 									  HYPERLINKS
  -------------------------------------------------------------------------------------*/                                                                        			

/*-------------------------------------------------------------------------------------
 	FP Hyperlinks
  -------------------------------------------------------------------------------------*/                                                                        			
	
	
	.content-wrap-fp a{ 
			color: rgb(20,22,22);
			text-decoration: none!important;
			}
	
	.content-wrap-fp a:hover{ 
			color: rgb(100,102,102);
			text-decoration: none!important;
			}	
						
/*--------------------------------------------------------------------------------------
	SPP Hyperlinks
  ------------------------------------------------------------------------------------*/
	
	.post_page-content a, 
	.post_page-content a{
			font-weight: bolder;
			}
	
	.post_page-content h2 a,
	.post_page-content h3 a,
	.post_page-content h4 a, 
	.post_page-content h5 a, 
	.post_page-content h6 a, 
	.post_page-content p a, 
	.page .post_page-content p a, 
	.post_page-content li a, 
	.page .post_page-content li a {
			text-decoration: none;
			color: rgb(100,20,30);
			}

	
/*======================================================================================
                                       		M E N U S                                     		
/*========================================================================================  

/*--------------------------------------------------------------------------------------
 	 							 		 MENU LOCATIONS
  --------------------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------------------
 	.TOP-MENU - center top above site-title on front page, inline with site-title on subpages
  --------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------
 'header content wrap' sets the max-width of content at 1400px while the header itself remains fullwidth and therefore allows the sticky header to  be full viewport width if desired.
 --------------------------------------------------------------------------------------*/
	
	
				
	 .top-menu-wrap{
			position: relative;
			min-height: 40px;
			margin: 0 -9999rem;
			padding: 0 9999rem;
			border-bottom: 2px solid rgba(55,63,68,0.05);
			}
			@media screen and (max-width:768px){	
				header .top-menu-wrap{
					display: none;
					}
				}
						
	 .top-menu {
			display: block;
			position: relative;
			margin: 0 auto;
			vertical-align: top;
			padding: 0;
			text-align: center;
			}
			@media screen and (max-width:768px){
				header .top-menu{
					display: none!important;
					}
				}

	
/*-- TOP-MENU- FP----------------------------------------------------------------*/

	#fp .top-menu-wrap{
			border-bottom: 0;
			}

	#fp .top-menu{
			padding: 10px 0;
			}
	
	#fp .sticky .top-menu{
			padding: 10px 0;
			}	


/*--TOP MENU -SPP----------------------------------------------------------------*/

	#spp .top-menu {
			padding:  15px 0 0;
			}
				/*--------------------------------------------------------------------------------------
 	HEADER .RIGHT-FLOAT- floated right parallel with site-title on front page
  --------------------------------------------------------------------------------------*/

	 .right-float {
			display: block;
			position: relative;
			float: right;
			margin:  0 auto;
			padding: 0;
			text-align: right;
			}
			@media screen and (max-width:1024px){
			 .right-float{
					min-width: 100%;
					float: none;
					}
				}
			@media screen and (max-width:768px){
			.right-float{
					display: none!important;
					}
				}


/*-- RIGHT FLOAT-FP--------------------------------------------------------------*/

	#fp .right-float {
			width:60%;
			margin:  5rem auto 0;
			padding: 0 ;
			}
			@media screen and (max-width:768px){
			header#fp .right-float{
					display: none!important;
					}
			}

/*--------------------------------------------------------------------------------------
 	 .MAIN-MENU -  fullwidth below site-title on front page, below page-title on subpages
 	
  --------------------------------------------------------------------------------------*/

	#fp .main-menu {
			display: block;
			position: relative;
			height: 30px;
			margin: 0 -9999rem 2rem;
			padding: 3px 9999rem;
			text-align: center;
			background: rgba(55,63,68,0.06);
			}
			@media screen and (max-width:768px){
			.main-menu {
					display: none!important;
					}
			}
			
	#spp .main-menu {
			display: block;
			position: relative;
			height: 50px;
			margin: 8rem auto;
			padding: 0;
			text-align: center;
			background: none;
			}
			@media screen and (max-width:414px){
			.main-menu {
					display: none!important;
					}
			}				/*--------------------------------------------------------------------------------------
 	 							     MENU STYLES 
 	 				   can be used in any of the above locations
  --------------------------------------------------------------------------------------*/
	
/*--------------------------------------------------------------------------------------
 	'LIGHT-TEXT' 
  --------------------------------------------------------------------------------------*/

	.light-text ul {
			display: inline-block;
			position: relative;
			width: 100%;
			margin: 0 auto 2rem;
			vertical-align: top;
			padding: 0;
			list-style: none;
			font-weight: 400;	
			text-align: center;
			}	

	.light-text ul li {
			display: inline-block;
			padding: 0  0.6rem;
			font-size: 0.8rem;
			line-height: 1.6;
			letter-spacing: 0.04rem;
			text-transform: uppercase;
			text-align: center;
			}

	.light-text ul li a{
			color: rgb(50,53,58);
			}

/*--------------------------------------------------------------------------------------
 	'MED-TEXT' 
  --------------------------------------------------------------------------------------*/

	.med-text ul {
			display: inline-block;
			position: relative;
			width: 100%;
			vertical-align: middle;
			padding:  0;
			list-style: none;
			font-weight: 600;
			font-family: "Open Sans";
			text-align: center;
			}	

	.med-text ul li {
			display: inline-block;
			padding: 0  0.6rem;
			font-size: 0.8rem;
			line-height: 1.6;
			letter-spacing: 0.04rem;
			text-transform: uppercase;
			text-align: center;
			}
	
	.med-text ul li a{
			color: rgb(10,11,12);
			}

/*--------------------------------------------------------------------------------------
 	'BUTTON NAV-DARK' 
  --------------------------------------------------------------------------------------*/
	
		
	nav.button-nav-dark ul{
			display: block;
			position: relative;
			max-width: 70rem;
			margin: 0 auto 2rem;
			padding: 0;
			list-style: none;
			text-align: center;
			color: rgb(250,251,252);
			background: white;
			}
			@media screen and (max-width:768px){
				nav.button-nav-dark ul{
						display: none!important;
						}
				}
	
	
	.sticky .button-nav-dark ul{
			margin: 0 auto;
			}	
		
	nav.button-nav-dark ul li{
			display: inline-block;
			margin: 5px 10px;
			padding: 5px 20px;
			text-align: center;
			font-family: "Alegreya Sans";
			font-weight: 400;
			font-size: 0.85rem;
			text-transform: uppercase;
			color: rgb(250,251,252);
			border: solid 2px rgba(38,43,47,1); 
			border-radius: 2px;
			background:  rgba(38,43,47,0.9);
			}
	
	nav.button-nav-dark ul li:before{
		content:'';
	}
	nav.button-nav-dark ul li a{
			color: rgb(250,251,252)!important;
			}
	nav.button-nav-dark ul li a:hover{
			color: rgb(200,200,200)!important;
			}
		
	
	
/*--------------------------------------------------------------------------------------
	'BUTTON NAV-TRANSPARENT'
  ------------------------------------------------------------------------------------*/
	
	
	 .button-nav-trans ul{
			display: block;
			position: relative;
			margin: 0 auto 4rem;
			padding: 0 1rem;
			text-align: center;
			color: rgb(120,120,120);
			border: solid 2px rgba(55,63,68,0); 
			}

	
	.button-nav-trans ul li{
			display: inline-block;
			margin: 5px auto;
			padding: 5px 10px;
			text-align: center;
			font-family: "Alegreya Sans SC";
			font-weight: 700;
			font-size: 1.2rem;
			border: solid 2px rgba(55,63,68,0.5); 
			}


/*---------------------------------------------------------------------------------------
   STICKY NAV
  --------------------------------------------------------------------------------------*/
	
	
	.sticky.myfixed{
			position: relative;
			height: 50px;
			margin: 0 auto;
			padding: 0;
			text-align: center;
			border: 0;
			} 
	
	.sticky ul{
			visibility: hidden;
			display: none;
			margin-top: -20rem;
			}			                                                         
	.sticky.myfixed ul {
			visibility: visible;
			display: initial;
			margin-top: 0;
			}
	
	#mysticky-nav.wrapfixed.up,
	#mysticky-nav.wrapfixed.down { 
			background-color: rgba(255,255,255,1)
			}
	#mysticky-nav.wrapfixed { 
		/*	-webkit-box-shadow: 0 2px 2px 0px rgba(66,66,66,0.3); 
			-moz-box-shadow: 0 2px 2px 0px rgba(66,66,66,0.3); 
			box-shadow: 0 2px 2px 0px rgba(66, 66, 66, 0.3); */
			border-bottom: solid 1px rgba(55,63,68,0.05);
			}
	
		
/*--------------------------------------------------------------------------------------
	Section bottom of page category menu
  ------------------------------------------------------------------------------------*/
	
	#section .widget_nav_menu h3.widget-title{
			display: block;
			width: 100%;
			max-width: 1400px;
			overflow: hidden;
			margin: 0 auto 1rem;
			text-align: center;
			letter-spacing:0.06em;
			font-size: 1.4rem;
			word-spacing: 0.1rem;
			color: rgb(38,43,47);
			white-space: nowrap;
			background:transparent;
			}
			@media screen and (max-width: 768px){
					h3.widget-title.no-bg{
						margin: 20px 0 10px;
						}
					}
	
	#section .widget_nav_menu h3.widget-title:before,
	#section .widget_nav_menu h3.widget-title:after{
		content:'';
		display: inline-block;
	  	width: 50%;
	  	margin: 0 .5em 0 -55%;
	  	vertical-align: middle;
	 	 border-bottom: 1px solid
		}
	
	#section .widget_nav_menu h3.widget-title:after {
		margin: 0 -55% 0 .5em;
		}


	#section .widget_nav_menu h3.widget-title span {
	  	display: inline-block;
	  	vertical-align: middle;
		}
	
	
	
	
	#section .widget_nav_menu h3.widget-title:before,
	#section .widget_nav_menu h3.widget-title:after{
			content: '';
			border: 0;
			}
	
	#section ul.menu{
			display: block;
			position: relative;
			width: 80%;
			max-width: 1400px;
			margin: 0 auto 4rem;
			padding: 0 1rem;
			text-align: justify;
			color: rgb(120,120,120);
			border: solid 2px rgba(55,63,68,0); 
			}
			@media screen and (max-width: 768px){
			#section ul.menu{
			width: 100%;
			text-align: center;
			}
		}
	
	#section ul.menu li{
			display: inline-block;
			margin: 5px auto;
			padding: 5px 10px;
			text-align: center;
			font-family: "Alegreya Sans SC";
			font-weight: 700;
			font-size: 1.2rem;
			border: solid 2px rgba(55,63,68,0.5); 
			}
			@media screen and (max-width: 768px){
				#section ul.menu li{
				font-size: 1rem;
			}
		}

/*--------------------------------------------------------------------------------------
	Sidebar Menu 
  ------------------------------------------------------------------------------------*/

	.sidebar ul.menu{
			list-style: none;
			margin: 0 auto;
			width: 60%;
			}
	
/*--------------------------------------------------------------------------------------
                                      MOBILE MENU
  --------------------------------------------------------------------------------------*/                                                                      			
		   
	#wprmenu_menu_ul,
   .admin-bar #wprmenu_menu_ul{
			margin-top: 8vh;
			}
		
	#wprmenu_bar{
			padding: 10px;
			}
	
	#wprmenu_bar .menu_title p{
			display: inline-block;
			float: right;
			padding-right: 5px;
			}
	
	#wprmenu_bar  a {
			position: relative;
			display: block;
			left: 0;
			}	




/*---------------------------------------------------------------------------------------
    SITE-INFO 
  --------------------------------------------------------------------------------------*/
	
	.site-info{
			position: relative;
			margin: 0 -9999rem;
			padding: 1rem 9999rem 0;
			border: 0;
			background: none;
			}	    		
			 
	 .site-info .content{
	 		position: relative;
			margin: 0 -9999rem 0;
			padding: 0.5rem 9999rem;
			text-align: center;
			}	
			
	 .site-info .content_inner{
			display: grid;
			grid-template-columns: repeat(4 , 1fr);
			grid-column-gap: 0.5rem;
			grid-row-gap: 2rem;
			justify-content: center;
			margin: 0  auto;
			max-width: 1400px;
			}	
			@media screen and (max-width: 768px){						
				.site-info .content_inner{
					display:block;
					padding:0 ;
					}
				}    	
			
	.site-info article{
	 		padding: 1rem;
	 		background: rgba(55,63,68,0.04);
	 		}
			@media screen and (max-width: 768px){						
				.site-info article{
					width: 90%;
					margin: auto;
					background: none;
					}
				}   
	
	.site-info  h1.widget-title.no-bg{
			margin: 0 auto 2rem;
			text-align: center;
			letter-spacing:0.06em;
			font-family: 'Alegreya';
			font-size: 1.5rem;
			font-weight: 300;
			word-spacing: 0.1rem;
			color: rgb(38,43,47);
			white-space: nowrap;
			background:transparent;
			}
		
	.site-info  article  h1.widget-title.no-bg:before,
	.site-info  article  h1.widget-title.no-bg:after{
			border-color: rgba(55,63,68,0.2);
			}
				
	.site-info  h1.widget-title.no-bg .fab,
	.site-info  h1.widget-title.no-bg .far,
	.site-info  h1.widget-title.no-bg .fas{
			font-size: 2rem;
			font-weight: 900;
			color: rgba(55,63,68, 0.8)!important;
			}

	.site-info h5{
			margin-bottom: 0;
			text-align: center;
			font-size: 1.2rem;
			}
	
	.site-info h3{
			margin-bottom: 1rem;
			padding: 0 1rem;
			text-align:left
			}	
	
	 .site-info p{
		 	margin: 0 auto 1rem;
		 	padding: 0 1rem;
	 		font-size: 1rem;
	 		font-family: 'Alegreya Sans';
	 		line-height: 150%;
	 		font-weight: 500;
	 		text-align: left;
	 		}
	
	.post_page-content.post .site-info p:first-of-type:first-letter {
	 		float: none;
		 	margin: 0;
		 	padding: 0;
	 		font-size: 100%;
	 		line-height: 100%;
	 		font-weight: 500;
	 		text-align: initial;
	 		font-family: 'Alegreya Sans';
	 		color: initial;
	 		}
	
	
	.site-info  article:nth-child(2) p{
			margin: 0.1rem auto;
			text-align: center;
			font-size: 120%;
			font-weight: 300;
			}
	
	.site-info  article:nth-child(2) p:first-of-type:first-letter{
			color: rgb(55,63,68);
			font-weight: 300;
			}		
	.site-info  article:nth-child(2) p.last{
			margin-bottom: 2rem;
			}
	
	.site-info  article  h3.widget-title.no-bg:before,
		.site-info  article  h3.widget-title.no-bg:after{
			border-color: rgba(55,63,68,0.2);
			}
	
		
	.site-info a{
	 		color: rgb(100,0,30);
	 		font-weight: bolder;
	 		}
	 				
/*---------------------------   NON-GRID FALLBACK    ---------------------------------*/		
	
			@supports not (display: grid){
					.site-info .content{
						background: rgba(55,63,68,0);
						}	
		
					.site-info:after,
					.site-info .content:after,
					.site-info .content_inner:after{
						display: block;
						content: '';
						clear: left;
						}
			
			
			
					.site-info article{
						display: block;
						float: left;
						width: 25%;
						height: auto;
						margin: 0;
						padding: 0 2%;
						background: none;
						}
					.site-info article:after{
						display: block;
						content: '';
						clear: left;
						}	
					}

	
	/*---------------------------------------------------------------------------------------
    SOCIALMEDIA -FEEDS
  --------------------------------------------------------------------------------------*/
	.socialmedia-feeds{
			position: relative;
			display: grid;
			grid-template-columns: repeat(2 , 1fr);
			grid-column-gap: 2%;
			justify-content: center;
			margin: 0  auto;
			padding: 0 4rem;
			max-width: 1400px;
			}	
			@media screen and (max-width: 768px){						
				.socialmedia-feeds{
					display:block;
					padding:0 ;
					}
				}    	
	
	.socialmedia-feeds article{
			padding: 1rem 4rem;
	 		background: rgba(55,63,68,0.035);
	 		}
			@media screen and (max-width: 768px){						
				.socialmedia-feeds article{
					width: 90%;
					margin: auto;
					padding: 0 0.5rem;
					background: none;
					}
				}   
	
	
	.socialmedia-feeds h1.widget-title.no-bg {
			margin-bottom: 1rem;
			}
	
	
	.socialmedia-feeds h1.widget-title.no-bg span{
			border-radius: 50%;
			background: rgba(55,63,68,0);
			vertical-align: middle;
			
			}
	
	.socialmedia-feeds h1.widget-title.no-bg .fab{
			margin: 25% auto;
			font-size: 2.5rem;
			font-weight: 900;
			color: rgba(55,63,68, 0.8)!important;
			border-radius: 2px;
			
			}

	
	.socialmedia-feeds article  h1.widget-title.no-bg:before,
	.socialmedia-feeds article  h1.widget-title.no-bg:after{
			border-color: rgba(55,63,68,0.2);
			}
		



/*THE TWITTER FOLOW BUTTON TOP OF FEED*/ 		
	#ctf .ctf-header .ctf-header-follow{
			background: rgb(55,63,68)!important;
			}
	#ctf .ctf-header .ctf-header-follow:hover{
			background: rgba(55,63,68,0.5)!important;
			}	

	@supports not (display: grid){
			
				.socialmedia-feeds:after{
					display: block;
					content: '';
					clear: left;
					}
					
				.socialmedia-feeds article{
					display: block;
					float: left;
					width: 50%;
					height: auto;
					margin: 0;
					padding: 0 2%;
					background: none;
					}
				.socialmedia-feeds:after{
	 				display: block;
	 				content: '';
	 				clear: left;
	 				}	
				}
		
	 				
/*---------------------------------------------------------------------------------------
    SUPPORT OFFG ON PAYPAL & PATREON & BITCOIN
  --------------------------------------------------------------------------------------*/


	 .supportOffG{
			display: inline-block;
			position: relative;
			float: right;
			width:30%;
			margin: 0 0.4rem 1rem;
			padding:0;
			}
			@media screen and (max-width:834px){
				.supportOffG{
				 	width: 30%;
					}
			      }
   			@media screen and (max-width:414px){
				.supportOffG{
					display: none;
					}
			      }
			      
    .supportOffG:after{
			display: block;
			content: '';
			clear: right;
			}
	
	 .supportOffG .patreon{
			display: inline-block;
			float: right;
			position: relative;
			width: 31%;
			max-width: 120px;
			margin-left: 0.2rem;
			background:url(../images/logos+banners/OffGPatreon200.jpg) no-repeat;
			background-size: contain;
			-webkit-filter: sepia(100%) saturate(0);
			filter: sepia(100%) saturate(0);
			transition: all 2s ease;
			}
			@media screen and (max-width:834px){
				.supportOffG .patreon{
						max-width: 80px;
			          	}
			      	}
	
	 .supportOffG .paypal {
			display: inline-block;
			float: right;
			position: relative;
			width: 31%;
			max-width: 120px;
			margin-right: 0.2rem;
			background:url(../images/logos+banners/OffGPayPal200.jpg) no-repeat;
			background-size: contain;
			-webkit-filter: sepia(20%) saturate(10%);
			filter: sepia(20%) saturate(10%);
			transition: all 2s ease;	
			}	
			@media screen and (max-width:834px){
				.supportOffG .paypal{
						max-width: 80px;
			          	}
			      	}
	
	 .supportOffG .bitcoin {
			display: inline-block;
			float: right;
			position: relative;
			width: 31%;
			max-width: 120px;
			margin-right: 0.2rem;
			background:url(../images/logos+banners/OffGBitCoin200.jpg) no-repeat;
			background-size: contain;
			-webkit-filter: sepia(20%) saturate(10%);
			filter: sepia(20%) saturate(10%);
			transition: all 2s ease;	
			}	
			@media screen and (max-width:834px){
				.supportOffG .bitcoin{
						max-width: 80px;
			          	}
			      	}
	
	
	 .supportOffG .patreon:hover,
	 .supportOffG .paypal:hover,
	 .supportOffG .bitcoin:hover {
			-webkit-filter: sepia(10%) saturate(80%);
			filter: sepia(10%) saturate(80%);	
			}
	
	 .supportOffG .patreon:after,				
	 .supportOffG .paypal:after, 
	 .supportOffG .paypal:after {
			display: block;
			content: '';
			padding-top: 72%
			}

	
/*=======================================================================================
                               		 M E D I A 
 =======================================================================================*/
			
/*--------------------------------------------------------------------------------------
  								     V I D E O S 
  --------------------------------------------------------------------------------------*/
	
	iframe{
			display: block;
			margin: 0 auto 2rem;
			}
	
	.video-container {
			max-width: 2000px;
			margin: 2rem auto 5rem;
			position: relative;
			padding-bottom: 56%;
			height: 0;
			overflow: hidden;
			}

	.video-containerS {
			max-width: 100%;
			position: relative;
			height: 0;
			overflow: hidden;
			padding-bottom: 56%;
			}

/*Used with v-cS to constrain height of videos that are less than full width*/

	.video-wrap {
			max-width: 40rem;
			margin: 2rem auto 5rem;
			position: relative;
			}
	
	.video-container iframe,
	.video-containerS iframe {
			position: absolute;
			top:0;
			left: 0;
			width: 100%;
			height: 100%;
			}

	.audio-container {
			max-width: 40rem;
			margin: 2rem auto 5rem;
			position: relative;
			height: auto;
			overflow: hidden;
			}

	
		
/*--------------------------------------------------------------------------------------
                                     I M A G E S
  --------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------
   Image with prominent border (eg FOR CENSORED ON CIF)
  --------------------------------------------------------------------------------------*/


 	img.bordered{
 			display: block;
 			border: solid 10px rgba(60,72,77,0.08);
 			margin: 1rem auto!important;
 			width: 100%;
 			max-width: 42rem;
 			}

	/*@media screen and (max-width: 768px){
			.post_page-content img{
				max-width: 768px!important;
				}
			}

	@media screen and (max-width: 414px){
			.post_page-content img{
				max-width: 414px!important;
				}
			}*/


/*--------------------------------------------------------------------------------------
  filtered image styles
  --------------------------------------------------------------------------------------*/
 
 
	.sepia>div img{
			-webkit-filter: sepia(100%) saturate(30%);
			filter: sepia(100%) saturate(30%);
			transition: 2s ease;
			}
	
	.sepia>div:hover img{
			-webkit-filter: sepia(10%) saturate(30%);
			filter: sepia(10%) saturate(30%);
			}
	
	.bw>div img{
			-webkit-filter: grayscale(100%) saturate(30%);
			filter: grayscale(100%) saturate(30%);
			transition: 2s ease;
			}
	
	.bw>div:hover img{
			-webkit-filter: grayscale(40%) saturate(30%);
			filter: grayscale(40%) saturate(30%);
			}
	
	
	.green_grey>div img{
			-webkit-filter: sepia(99%) hue-rotate(150deg) saturate(10%);
			filter: sepia(99%) hue-rotate(150deg) saturate(10%);
			}
	
	.colored>div img {
			-webkit-filter: sepia(20%) saturate(20%);
			filter:  sepia(20%) saturate(20%);
			transition: 2s ease;
			}			
	
	.colored>div:hover img{
			-webkit-filter: sepia(20%) saturate(0%);
			filter: sepia(20%) saturate(0%);
			}
			

/*---------------------------------------------------------------------------------------
    FP(front page) IMAGES 
  --------------------------------------------------------------------------------------*/
										
                                   					                                                                  												                                      
   .content-wrap-fp img {	
			-webkit-filter: grayscale(99%) sepia(20%);
			filter: grayscale(99%) sepia(20%);
			transition: all 1s ease;
			}
			
	#front-sidebar-one img{	
			-webkit-filter: grayscale(99%) sepia(0%);
			filter: grayscale(99%) sepia(0%);
			transition: all 1s ease;
			}
 	
 	#front-sidebar-one img:hover{	
			-webkit-filter: grayscale(60%) sepia(10%) saturate(60%);
			filter: grayscale(60%) sepia(10%) saturate(60%);
			transition: all 1s ease;
			}
	
 		
/*---------------------------------------------------------------------------------------
    SPP (single post & page) IMAGES
  --------------------------------------------------------------------------------------*/

	.content-wrap-spp img{	
			-webkit-filter:  sepia(20%) saturate(30%);
			filter: sepia(20%) saturate(30%);
			}

	/*---for unfiltered images in body---*/
	.content-wrap-spp img.unfiltered{
			-webkit-filter:  sepia(0%) saturate(80%)!important;
			filter: sepia(0%) saturate(80%)!important;
			}

	.wp-caption{
			width: auto;
			max-width: 100vw;
			margin-bottom: 4rem;
			padding: 0;
			background: rgb(250,251,252);
			}

	.wp-caption img{
			display: block;
			margin: auto;
			}

	.wp-caption p{
			max-width: 42rem;
			margin: 0 auto;
			padding: 0;
			font-family: "Alegreya Sans", "Helvetica Neue", sans-serif;
			color: rgb(100,100,100);
			font-size: 1.1em;
			font-weight: 300;
			font-style: italic;
			text-align: center;
			letter-spacing: 0.05vw;
			}


			


/*---------------------------------------------------------------------------------------
  SPP "Featured"  Image for Top of Post
  --------------------------------------------------------------------------------------*/
	
	.post_page-content img.size-large,
	.post_page-content img.size-offg-xl,
	.post_page-content img.size-offg-header-image,
	.post_page-content img.size-offg-header-image-2,
	.post_page-content img.size-offg-header-image-3{
			display: block;
			position: relative;
			min-width: 100vw!important;
			max-width: 100vw;
			margin: 0 auto 4rem;
			z-index: 200;
			}
			@media screen and (max-width: 2001px){
				.post_page-content img.size-large,
				.post_page-content img.size-offg-xl,
				.post_page-content img.size-offg-header-image,
				.post_page-content img.size-offg-header-image-2,
				.post_page-content img.size-offg-header-image-3{
					min-width: 100vw!important;
					}
				}
			@media screen and (max-width: 1024px){
				.post_page-content img.size-large,
				.post_page-content img.size-offg-xl,
				.post_page-content img.size-offg-header-image,
				.post_page-content img.size-offg-header-image-2,
				.post_page-content img.size-offg-header-image-3{
					min-width: 100vw!important;
					}
				}

             @media screen and (max-width: 834px){
				.post_page-content img.size-large,
				.post_page-content img.size-offg-xl,
				.post_page-content img.size-offg-header-image,
				.post_page-content img.size-offg-header-image-2,
				.post_page-content img.size-offg-header-image-3{
					min-width: 100vw!important;
					}
				}


			@media screen and (max-width: 414px){
				.post_page-content img.size-large,
				.post_page-content img.size-offg-xl,
				.post_page-content img.size-offg-header-image,
				.post_page-content img.size-offg-header-image-2,
				.post_page-content img.size-offg-header-image-3{
					margin-bottom: 1rem;
					min-width: 100vw!important;
					max-width: 100vw!important;
					}
				}

	.post_page-content img.size-full{
			display: block;
			position: relative;
			margin: 2rem auto;
			z-index: 200;
			max-width: 500px;
			}
			@media screen and (max-width: 414px){
				.post_page-content img.size-full{
					margin-bottom: 1rem;
					min-width: 100vw!important;
					max-width: 100vw!important;
					}
				}


	.post_page-content .wp-caption img.size-full,
	.post_page-content .wp-caption img.size-large,
	.post_page-content .wp-caption img.size-offg-xl,
	.post_page-content .wp-caption img.size-offg-header-image,
	.post_page-content .wp-caption img.size-offg-header-image-2,
	.post_page-content .wp-caption img.size-offg-header-image-3{
			margin: auto;
			margin-bottom: 0;
			}	
			
/*======================================================================================

		 I M A G E S   F O R   I N S I D E   B O D Y   O F   P O S T S
		
======================================================================================*/
    .post_page-content img.size-offg-body-image-650,
    .post_page-content img.size-offg-body-image-800{
		display: block;
		position: relative;
		margin: 2rem auto;
		}
		@media screen and (max-width: 414px){
			.post_page-content img.size-offg-body-image-650,
			.post_page-content img.size-offg-body-image-800{
				margin: 1rem auto;
				max-width: 100vw!important;
				min-width: 100vw!important;
				height: auto;
				}
			}

	.post_page-content img.size-offg-medium-square{
		display: block;
		position: relative;
		margin: 2rem auto;
		max-width: 500px;
		height: auto;
		}
		@media screen and (max-width: 414px){
			.post_page-content img.size-offg-medium-square{
				margin: 1rem auto;
				max-width: 100vw!important;
				min-width: 100vw!important;
				height: auto;
				}
			}
	
	
	.post_page-content img.size-offg-medium-large-square{
		display: block;
		position: relative;
		margin: 2rem auto;
		max-width: 800px!important;
		height: auto
		}
		@media screen and (max-width: 414px){
			.post_page-content img.size-offg-medium-large{
				margin: 1rem auto;
				max-width: 100vw!important;
				min-width: 100vw!important;
				height: auto;
				}
			}
	
	.post_page-content img.size-offg-medium-large-landscape{
		display: block;
		position: relative;
		margin: 2rem auto;
		max-width: 800px;
		height: auto;
		}
		@media screen and (max-width: 414px){
			.post_page-content img.size-offg-medium-large-landscape{
				margin: 1rem auto;
				max-width: 100vw!important;
				min-width: 100vw!important;
				height: auto;
				}
			}
		
/*========================================================================================

					T R A N S C R I P T    I M A G E S 
								
=========================================================================================*/


	.post_page-content .transcript img{
		max-width: 200px!important;
	}
			
/*========================================================================================   
  					   			
  		H E A D E R,   M A I N   &   F O O T E R  C O N T E N T   B L O C K S  	
  					   			 				             			             		    		 					   			       
========================================================================================*/
	/*--------------------------------------------------------------------------------------
   'CONTAINER' WRAPS EVERYTHING INC HEADER & FOOTER      
  --------------------------------------------------------------------------------------*/

	#container {
			width: 100%;
			position: relative;
			margin: 0;
			padding: 0;
			border: 0 ;
			background: rgba(255,255,255,1);
			}


/*======================================================================================                                       
                                     H E A D E R 
  ======================================================================================*/


	 .header-content-wrap{
			position: relative;
			max-width: 1400px;
			margin: 0 auto;
			padding: 0;
			}
		/*@media screen and (min-width:2560px){	
			.header-content-wrap{
				max-width: 1900px;
				}
			}*/


/*-- HEADER - FRONT PAGE (fp)----------------------------------------------------------*/


	header#fp {
			position:relative;
			width: 100%;
			margin: 0 auto;
			padding: 0 0.5rem;
			}
			@media screen and (max-width:834px){
				header#fp {
					margin: 20px 0 0;
					padding: 0 0;
					}
				}
	
	header#fp:after{
			content: '';
			display: block;
			clear: left;
			}	


/*-- HEADER - SINGLE POST & PAGE (spp)-------------------------------------------------*/

	header#spp {
			position:relative;
			width: 100%;
			height: 50px;
			margin: 0 auto 4rem;
			padding: 0 1rem;
			border-bottom: solid 1px rgba(55,63,68,0.05);
			background: transparent;
			}
			@media screen and (max-width: 768px){
				header#spp{
					display: none;
					}
				}
							
	header#spp:after{
			content: '';
			display: block;
			clear: left;
			}	
	
	header#spp h2.site-description {
			display: none;
			}	

	.header-content-wrap{
			position: relative;
			max-width: 1400px;
			margin: 0 auto;
			padding: 0;
			}
			/*@media screen and (min-width:2560px){	
				.header-content-wrap{
					max-width: 1900px;
					}
				}*/

/*--------------------------------------------------------------------------------------
                                          SITE-LOGO
  --------------------------------------------------------------------------------------*/

	 .site-logo-fp {
			position: relative;
			display: inline-block;
			width: 38%;
			margin: -1rem 0 -1rem;
			max-width: 600px;
			background: url(../images/logos+banners/HeaderOffG600blue.png) no-repeat;
			background-size: contain;
			}
			@media screen and (max-width:834px){
				.site-logo-fp{
					width: 60%;
					}
				}
			@media screen and (max-width:414px){
				.site-logo-fp{
					width: 100%;
					margin: 0;
					}
				}
	
	 .site-logo-fp:after{
			display:inline-block;
			content: '';
			padding-bottom: 26%;
			clear: left;
			}

/*--------------------------------------------------------------------------------------
   HEADER-SPP  SITE-LOGO
  --------------------------------------------------------------------------------------*/
		
	.site-logo-spp {
			position: absolute;
			left: 0;
			width: 50px;
			margin: 0 0 ;
			padding: 0;
			background: url(../images/logos+banners/LogoOffG100blue.jpg) no-repeat;
			background-size: contain;
			z-index: 1;
			}
	
	.site-logo-spp:after {
			display:block;
			content: ''; 
			padding-bottom: 100%; 
			}		
	/*--------------------------------------------------------------------------------------
   STICKY SITE-LOGO
  --------------------------------------------------------------------------------------*/
		
	.sticky.myfixed .stickylogo{
			position: absolute;
			left:0;
			top: 0;
			width: 50px;
			height: 50px; 
			background:url(../images/logos+banners/LogoOffG100blue.jpg);
			background-repeat: no-repeat;
			background-size: 100%;
			}
	
/*--------------------------------------------------------------------------------------
  HEADER FA ICONS
  -------------------------------------------------------------------------------------*/
	
	header ul li .fas,
	header ul li .far{
			vertical-align: bottom;
			color: rgb(48,54,58);
			font-size: 1.3rem;
			}
	
	header .right-float ul li .fas,
	header .right-float ul li .far{
			font-size: 1.3rem;
			}
	
	header ul li .fa-hand-holding-usd{
			font-size: 1.5rem!important;
			}	
				
/*---------------------------------------------------------------------------------------
    HEADER SOCIAL MEDIA 
  --------------------------------------------------------------------------------------*/

	header .socialmedia{
			display: inline-block;
			position: relative;
			float: right;
			width: 12rem;
			margin: -7rem 3rem 1rem;
			padding:0;
			text-align: center;
			}
			@media screen and (max-width:834px){
				header .socialmedia{
				 	width: 30%;
					}
			      }
   			@media screen and (max-width:414px){
				header .socialmedia{
					display: none;
					}
			      }
  	
  	header .socialmedia p {
  			margin-bottom: 10px;
  			font-family: 'Alegreya';
  			font-size: 1.2rem;
  			color: rgb(180,180,180);
  			font-style: italic;
  			text-align: center;
  			}
  			
  	header .socialmedia li{
  			display: inline-block;
  			margin: 0 10px;
  			font-size: 2rem;
  			text-align:center;
  			}
  			
  	header .socialmedia li i{
  			width: 100%;
  			}
  	
  	
/*--------------------------------------------------------------------------------------
  HEADER SEARCH BOX
  --------------------------------------------------------------------------------------*/                                                                        			
	
	 .search-box {
			display: block;
			position: absolute;
			right: 0;
			top: 5px;
			height: 40px;
		    border: solid 2px rgba(30,80,116,0.06);
			}	
			@media screen and (max-width: 768px){
				header .search-box{
					display: none;
					}
				}		

    .search-box #searchform {
			display: block;
			position: relative;
		    margin:0;
			padding: 0;
			width:  10rem;
			height: 100%;
			}

	.search-box #searchform input {
			width: 100%;
			height: 100%;
			padding: 0;
			border: none;
			background: rgba(30,80,116,0.04);
			font-family: "Alegreya Sans";
			font-size: 1.2rem;
		    color: rgb(100,100,100);
			}		
	
	/*.search-box a#search-toggle {
			display: block;
			background: none;
			border-left: 1px solid #ededed;
			width: 20px;
			height: 40px;
			position: absolute;
			top: 0;
			right: 40px;
			z-index: 10000;
			}
	
	.search-box a#search-toggle span {
			display: none;
			}*/
	
	/*.search-box:after {
			content:'\f002';
			font-family: "Font Awesome 5 Free";
			font-weight: 900;
			font-size: 0.9rem;
			position: absolute;
			top: 0.6rem;
			z-index: 1000;
			display: inline-block;
			-webkit-font-smoothing: antialiased;
			color: rgb(90,91,92);
			vertical-align: top;
			text-align: center;
			width: 5rem;
			height: 3rem;
			padding: 0;
			}*/
	
	.search-box input[type="button"], 
	.search-box input[type="submit"]{
			display: none
			}		
	.search-box form label{
			display: none;
			}	
	
	.search-box #searchform:after {
			display: none;
			}
			


/*======================================================================================                                       
                                       M A I N 
  ======================================================================================*/

/*---------------------------------------------------------------------------------------
   #main-wrap CONTROLS *EVERYTHING* FP & SPP BELOW HEADER (sets width for entire content)
  --------------------------------------------------------------------------------------*/

	#main-wrap {
			position: relative;
			width: auto;
			max-width: 2000px;
			margin: 0 auto;
			padding: 0;
			border-top: 0;
			border-bottom: 0;
			background: rgba(255,255,255,1);
			}
			
/*---------------------------------------------------------------------------------------
    '.content-wrap-fp' CONTROLS FRONTPAGE CONTENT INSIDE #MAIN-WRAP 
  --------------------------------------------------------------------------------------*/
						
	.content-wrap-fp{ 
			position: relative;
			margin: 0 auto;
			}
		
/* WE ARE ADDING AN 'AFTER' DECARATION TO KILL THE FLOAT SO THAT FOOTER WON'T DRIFT UP IN NON-GRID VERSION */
			
	.content-wrap-fp:after { 
			content: '';
			display: block;
			clear: left;
			}


/*---------------------------------------------------------------------------------------
  '.content-wrap-spp' CONTROLS SINGLE POST & PAGE CONTENT INSIDE #MAIN-WRAP -USED IN 
  CONJUNCTION WITH EITHER .FW OR .CF BELOW
  --------------------------------------------------------------------------------------*/
	
	.content-wrap-spp {
			position: relative;
			margin: 0 auto;
			} 
	 
  /* WE ARE ADDING AN 'AFTER' DECARATION TO KILL THE FLOAT SO THAT FOOTER WON'T DRIFT UP IN NON-GRID VERSION */
                                                           
	.content-wrap-spp:before, 
	.content-wrap-spp:after {
			display: block;
			content: '';
			clear: both;
			}		

/*---------------------------------------------------------------------------------------
    '.content-wrap-fp' CONTROLS FRONTPAGE CONTENT INSIDE #MAIN-WRAP 
  --------------------------------------------------------------------------------------*/
						
	.content-wrap-fp .top-menu-wrap{
			position: relative;
			margin: 0 -9999rem;
			padding: 0 9999rem;
			}
			@media screen and (max-width:768px){	
			.content-wrap-fp .top-menu-wrap{
					display: none;
					}
				}

/*--------------------------------------------------------------------------------------
  SPP '.before-post' WRAPS BEFORE-POST POST-META AND POST-TITLE
  --------------------------------------------------------------------------------------*/

	.before-post{
			margin: 0 auto 2rem;
			padding: 0 1rem;
			max-width: 42rem;
			}
			@media screen and (max-width:414px){
				.before-post{
					margin: 10px  0;
					padding: 0 0.5rem;
					}
				}

/*for fullwidth headers on & category pages*/
		.before-post.fw{
			margin: 0 auto 2rem;
			padding: 0 1rem;
			max-width: 100%;
			}
			@media screen and (max-width:414px){
				.before-post.fw{
					margin: 10px  0;
					padding: 0 0.4rem;
					}
				}

/*---------------------------------------------------------------------------------------
   '.fw ' & '.cf' ADDED TO ABOVE DECLARATIONS CONTROL WHETHER CONTENT INSIDE #MAIN-WRAP IS FULLWIDTH OR FLOATED LEFT
  --------------------------------------------------------------------------------------*/
		
	.fw{
			position: relative;
			width: 100%;
			float: none;
			}	
	
	.cf{
			position: relative;
			width: 70%;
			float: left;
			}	
		
					
/*--------------------------------------------------------------------------------------
  '.post_page-content' WRAPS THE TEXT AND IMAGES OF THE POST/PAGE ITSELF							 
  --------------------------------------------------------------------------------------*/

/* we set it to 'max-width 100%' to permit images to be fullwidth - we control text-width in individual elements set in typography above*/
	
	.post_page-content{
			max-width: 100%;
			margin: 0 auto;
			}	



/*--------------------------------------------------------------------------------------
                                   P O S T   M E T A  
  --------------------------------------------------------------------------------------*/
		
/*--------------------------------------------------------------------------------------
  SPP .before-meta
  --------------------------------------------------------------------------------------*/

	.before-post div.before-meta{
			width: auto;
			max-width: 50rem;
			margin: 1rem 0;
			text-align:center;
			overflow: hidden;
			}
		
	.before-post .before-meta:before,
	.before-post .before-meta:after{
			content:'';
			display: inline-block;
			width: 50%;
			margin: 0 .5em 0 -55%;
			vertical-align: middle;
			 border-bottom: 1px solid
			}
	
	.before-post .before-meta:after {
			margin: 0 -55% 0 .5em;
			}
	
	.before-post .before-meta span {
			display: inline-block;
			vertical-align: middle;
			}
				
	.before-post .before-meta .post-cats,
	.before-post .before-meta .post-cats span,
	.before-post .before-meta .post-tags span {
			display: inline-block;	
			font-weight: 300;
			font-family: "Open Sans Condensed";
			font-size: 0.9em;
			font-style: normal;
			text-transform: uppercase;
			line-height: 1.3;
			letter-spacing: 1.5px;
			white-space:nowrap;
			}
			@media screen and (max-width:414px){
				.before-post .before-meta .post-cats, 
				.before-post .before-meta .post-cats span, 
				.before-post .before-meta .post-tags span{
					margin: 0  0 10px;
					}
			}
			
	.before-post .post-cats a,
	.before-post .post-cats span a,
	.before-post.post-tags span a {
			color: rgb(100,100,100);
			}
	
	.before-post .before-meta .post-date,
	.before-post .before-meta .post-edit,
	.before-post .post-date,
	.attachment .before-post .full-size-link,
	.attachment .before-post .post-edit {
			display: inline;
			white-space: nowrap;
			}
	
	
	.before-post .before-meta .post-comments {
			display: inline;
			white-space: nowrap;
			padding-left: 1vw;	
			font-size: 1.3em;
			font-style: normal;
			font-weight: 400;
			font-family: "Alegreya Sans";
			}
	.before-post .before-meta .post-comments .fa-comments:before {	
			color: rgb(100,10,30);
			}
		
	.before-post .before-meta .post-comments a:hover{	
			color: rgb(100,100,100);
			}
	
	.before-post .before-meta .post-date{
			display: inline;
			font-family: "Alegreya";
			font-weight: 500;
			font-style: normal;
			font-size: 0.9em;
			}
		
	.before-post .before-meta .post-edit {	
			padding-left: 20px;
			font-size: 0.8em;
			font-weight: bold;
			font-style: normal;
			}
	
	.before-post .post-author {
			display: none!important;
			margin: 10px 0;
			font-size: 1em;
			font-family: "Open Sans";
			padding-bottom: 25px;
			}
	
	.before-post .post-author a {
			font-weight: bold;
			color: rgb(100,10,30);
			}

	.before-post .post-author:after,
	.before-post .post-date:after {
			content: '';
			}

/*	THIS MAY NEED TO BE REVERSED - DON'T FORGET*/
	.before-post .before-meta .post-edit{
			display: none;
			}

/*---------------------------------------------------------------------------------------
   SPP .after-meta
  --------------------------------------------------------------------------------------*/

	.after-post .after-meta{
			display: block;
			margin: 2rem auto 3rem;
			padding: 10px 1rem 0;
			max-width: 42rem;
			border-top: 1px solid rgba(145,146,147,0.7);
			}
			@media screen and (max-width:834px){
				.after-post .post-meta{
					padding: 20px 0.5rem;
					}	
			}
	
	.after-post .after-meta .post-cats{
			display: block!important;
			width: auto;
			min-width: 300px;
			max-width: 40em;
			margin: auto!important;
			padding: 0;
			text-align: left;
			}
		
	.after-post .after-meta .post-cats span {
			margin:  0;
			padding: 0;
			padding-right: 10px;
			text-transform: uppercase;
			font-weight: 500;
			font-size: 70%;
			font-style: normal;
			font-family: "Alegreya";
			color: rgb(60,60,60);
			}
	
	.after-post .after-meta .post-cats a {
			font-family: "Open Sans Condensed";
			font-size:110%;
			font-style: normal;
			font-weight: 500;
			text-transform: uppercase;
			line-height: 1.3;
			letter-spacing: 1.5px;
			color: rgb(100,100,100);
			}

	.after-post .after-meta .post-tags{
			display: block;
			width: auto;
			min-width: 300px;
			max-width: 40em;
			margin:  10px auto;
			margin-bottom: 50px;
			text-align: left;
			}

	.after-post .after-meta .post-tags span {
			margin:  0;
			padding: 0;
			padding-right: 10px;
			text-transform: uppercase;
			font-weight: 500;
			font-size: 0.4em;
			font-style: normal;
			font-family: "Alegreya";
			color: rgb(60,60,60);
			}

	.after-post .after-meta .post-tags a {
			font-family: "Alegreya Sans";
			font-size:90%;
			font-style: normal;
			font-weight: 500;
			text-transform: uppercase;
			line-height: 1.3;
			letter-spacing: 1.5px;
			color: rgb(70,70,70);
			} 	

/*--------------------------------------------------------------------------------------
					        			 P A G E S   
  --------------------------------------------------------------------------------------*/

	/*---------------------------------------------------------------------------------------
                      			 	   IMAGE PAGE 
					for displaying individual images with details
                      			 
  --------------------------------------------------------------------------------------*/
	
	div.before-post-image	{
			text-align: center;
			margin-bottom: 10px;
			}
	
	 h1.image-title	{
			margin-bottom: 10px;
			text-align: center;
			font-family: 'Alegreya';
			font-weight: 400;
			font-size: 2.5rem;
			text-transform: lowercase;
			}
	
	 h1.image-title span	{
			margin-bottom: 10px;
			text-align: center;
			font-family: 'Open Sans';
			font-weight: 300;
			font-size: 2.6rem;
			text-transform: uppercase;
			color: rgb(180,180,180);
			}
	
	div.attachment img {
			display: block;
			margin: auto;
			}
			
	div.full-size-link	{
			font-family: 'Alegreya Sans';
			font-size: 3rem;
			font-style: italic;
			color: rgb(200,200,200);
			}
		
	div.full-size-link a	{
			font-family: 'Alegreya Sans';
			font-style: italic;
			font-weight: 300;
			color: rgb(200,200,200);
			}		
		
				
/*---------------------------------------------------------------------------------------
                      			 	   ARCHIVE PAGES 
		for tag pages, author pages etc (note - we have a separate 'category.php'
        page, which takes the same styling)
                      			 
  --------------------------------------------------------------------------------------*/

	/*container for h1.archive-title*/
	div.before-post-archive	{
			max-width: 1400px;
			margin: 0 auto;
			padding: 0 1rem;
			}
			@media screen and (max-width: 414px){
				div.before-post-archive	{
					padding: 0 0.6rem;
					}
				}
	
	/*---------------------------------------------------------------------------------------
  .ARCHIVE-TITLE  - header for the Category, Tag, Search and other archive pages
  -------------------------------------------------------------------------------------*/                                                                        			
 
	h1.archive-title{
			margin: 3vh 0;
			margin-bottom: 5vh;
			font-size: 280%;
			font-family: "Alegreya";
			font-weight: 400;
			text-align: center;
			letter-spacing: 0.06rem;
			text-transform: uppercase;
			color: rgb(26,30,33);
			-webkit-hyphens: auto;
			-moz-hyphens: auto;
			-ms-hyphens: auto;
			hyphens: auto;
			}		
			@media screen and (max-width:414px){
				h1.archive-title{
					font-size: 1.5em;
					}
			}
  			
	h1.archive-title span{
			font-family: "Open Sans";
			font-size: 75%;
			font-weight: 300;
			letter-spacing: 0.03em;
			text-transform: uppercase;
			color: rgb(150,150,150);
			}		
	
	#archive-page{
			position: relative;
			width: 100%;
			max-width: 1400px;
			margin: 0 auto;
			display: grid;
			grid-template-columns: 31% 31% 31%;
			grid-column-gap: 2%;
			grid-row-gap: 4rem;
			justify-content: center;
			padding: 0 
			}
			@media screen and (max-width:768px){
				#archive-page{
					grid-template-columns: repeat(3, 1fr);	
					padding: 1rem;
					}
			}
			@media screen and (max-width:414px){
				#archive-page{
					grid-template-columns: 1fr;
					grid-column-gap: 0;
					grid-row-gap: 40px;
					padding: 0.6rem;
					}
			}
					
	#archive-page article .post-thumbnail{
			position: relative;
			min-width: 100%;
			width: 100%;
			float: none;
			margin: 0;
			padding:0;
			overflow: hidden;
			border-radius: 4px;
			border: solid 2px rgb(200,200,210);
			box-sizing: border-box;
			}

	#archive-page article .post-thumbnail:before{
			position: relative;
			display: block;
			content: '';
			padding-top: 100%;
			}
			@media screen and (max-width:414px){
				#archive-page .post-thumbnail:before{
					padding-top: 60%;
					}
			}
	
	#archive-page article .post-thumbnail img {
			position: absolute;
			top: 0;
			left: -25%;
			min-width: 150%!important;
			height: auto!important;
			min-height: 100%!important;
			margin: 0 auto;
			-webkit-filter: grayscale(60%) saturate(40%) sepia(10%);
			filter:  grayscale(60%) saturate(40%) sepia(10%);
			transition: all 1s ease-in-out;
			}		
	
	#archive-page article:hover .post-thumbnail img {
			transform: scale(1.02);
			transition:all 1s ease-in-out;
			}
	
	
	#archive-page  article .post-title h1.post-title{
			margin: 8px 0 0;
			font-size: 150%;
			line-height: 110%;
			font-family: "Alegreya";
			font-weight: 500;
			color:rgb(02,02,02);
			}
 			
	#archive-page article .post-summary {
			margin: 4px 0 0;
			margin-bottom: 0;
			letter-spacing:0;
			font-size: 100%;
			font-family: "Open Sans";
			font-weight: 300;
			color:rgb(20,21,22);
			}

	#archive-page article .post-summary a.readmore{
			padding: 1px 3px;
			font-family: "Alegreya Sans";
			font-size: 100%;
			color: rgb(100,10,30);
			text-transform: uppercase;
			font-weight: 500;
			white-space: nowrap;
			background: rgb(250,251,253);
			}
			
	#archive-page article .post-meta	{
			margin: 5px auto;
			border: 0;
			}			
				
	#archive-page article .post-author:after {
			content: '|';
			font-style: normal;
			font-weight: 300;
			}
			
 	#archive-page article .post-author {
			display: none;
			margin: 0;
			margin-bottom: 0;
			font-size: 80%;
			font-family: "Alegreya";
			font-weight: 500;
			color: rgb(10,10,10);
			}	
	
	#archive-page article .post-author a{
			color: rgb(10,10,10);
			}		
 					
	#archive-page article .post-summary a.readmore{
			padding: 1px 3px;
			font-family: "Alegreya Sans";
			font-size: 100%;
			color: rgb(100,10,30);
			text-transform: uppercase;
			font-weight: 500;
			white-space: nowrap;
			background: rgb(250,251,253);
			}
	
	#archive-page article .post-date {
			display: inline; 
			margin: 0;
			font-size: 95%;
			font-style:italic;
			font-family: "Alegreya";
			font-weight: 500;
			color: rgb(50,50,50);
			}
	
	#archive-page article .post-date:after {
			content: '|';
			font-style: normal;
			font-weight: 300;
			}		
	
	#archive-page  article .post-date a{
			color: rgb(50,50,50);
			}			
	
	#archive-page article .post-comments{
			display: inline; 
			font-size: 90%;
			font-style:italic;
			font-family: "Alegreya";
			white-space: nowrap;
			font-weight: 500;
			color: rgb(50,50,50);
			}	
						
	#archive-page article .post-cats{
			display: block;
			margin-top: 0; 
			padding-top: 0;
			font-size: 80%;
			font-style:italic;
			font-family: "Alegreya";
			color: rgb(100,100,100);
			}
	
	#archive-page article .post-cats a{
			color: rgb(100,100,100);
			}	
			
	#archive-page article .post-edit{
			display: none;
			}	

/*--------------------------------------------------------------------------------------
 	ARCHIVE PAGE FALLBACK FOR BROWSERS THAT DON'T SUPPORT GRID                                                             	                          
  --------------------------------------------------------------------------------------*/

	@supports not (display: grid) {
		
		#archive-page:after {
			content: '';
			display: block;
			clear: left;
			}
		#archive-page article {
			position: relative;
			width: 30%;
			float:left;
			padding: 0 2%;
			height: 20rem;
			}
			@media screen and (max-width:834px){
				#archive-page article {
					width: 50%;
					}
			}
			@media screen and (max-width:414px){
				#archive-page article {
					width: 100%;
					float: none;
					margin: 40px 0.6rem;
					height: auto;
					}
			}
	}


/*-----------------------------------------------------------------------------------
	NAVIGATION AT BOTTOM OF ARCHIVE PAGE
  -----------------------------------------------------------------------------------*/

			
	 #category-nav-below{
			display: block;
			width: 40%;
			margin: 2vh auto 4vh;
			padding: 0;
			text-align: center;
			}	
			@media screen and (max-width:414px){
					#category-nav-below{
						margin: 20px auto;
						}	
					}
				
	 #category-nav-below .nav-next,
	 #category-nav-below .nav-previous{	
			display: inline-block;
			position: relative;
			padding: 0;
			font-family: "Alegreya Sans SC";
			font-size: 1.6em;
			}
	
	 #category-nav-below .nav-next:after{
			display: inline-block;
			position: absolute;
			top: 3px;
			right: -25px;
			content: '\f105';
			font-family: "Font Awesome 5 Free";
			font-weight: 900;
			z-index: 1000;
			-webkit-font-smoothing: antialiased;
			color: rgb(100,10,30);
			text-align: center;
			transition: all 1s ease;
			}
			@media screen and (max-width:414px){
				 #category-nav-below .nav-next:after{
					font-size: 180%;
					}
				}
	
	 #category-nav-below .nav-previous:before{
			display: inline-block;
			position: absolute;
			top: 3px;
			left: -25px;
			content: '\f104';
			font-family: "Font Awesome 5 Free";
			font-weight: 900;
			z-index: 1000;
			-webkit-font-smoothing: antialiased;
			color: rgb(100,10,30);
			text-align: center;
			transition: all 1s ease;
			}
			@media screen and (max-width:414px){
				 #category-nav-below .nav-previous:before{
					font-size: 180%;
					}
			}
	
	 #category-nav-below .nav-next:hover,
	 #category-nav-below .nav-previous:hover{	
			opacity: 0.5;
			transition: all 1s ease;
			}
			@media screen and (max-width:414px){
				 #category-nav-below .nav-previous span,
				 #category-nav-below .nav-next span{	
					display: none;
					}
			}	

			
/*=======================================================================================
	                               P A G I N A T I O N
  ======================================================================================*/
	#infinite-handle {
			display:none;
			}

	.nav-wrap {
			display: block;
			overflow: hidden;
			clear: both;
			width: 80%;
			margin: auto;
			padding: 20vh 0;
			border: 0;
			}
	#nav-below,
	#nav-single,
	#nav-comments {
			overflow: hidden;
			margin: 0;
			padding: 0;
			font-family: 'Alegreya Sans', Georgia, serif;
			font-size: 100%;
			line-height: 1.5;
			font-weight: normal;
			font-style: italic;
			}
	#nav-below a span,
	#nav-single a span,
	#infinite-handle span {
			display: block;
			padding-bottom: 4px;
			font-family: 'Open Sans', 'Hellvetica Neue', sans-serif;
			font-size: 110%;
			letter-spacing: 1px;
			text-transform: uppercase;
			font-weight: bold;
			font-style: normal;
			}
	#nav-single a span {
			color: #000;
			}
	#nav-single .nav-next {
			text-align: right;
			}
	#nav-comments {
			margin-top: 60px;
			}
	.nav-previous,
	.previous-image {
			float:left;
			max-width: 50%;
			}
	.nav-next,
	.next-image {
			float:right;
			max-width: 50%;
			}
	.nav-next a,
	.nav-previous a,
	.previous-image a,
	.next-image a {
			display: inline-block;
			}

/*=======================================================================================
                                   C O M M E N T S                                                                	                          
 =======================================================================================*/

	#comments{
			width: auto;
			max-width: 52rem;
			margin: auto;
			padding: 0 1rem;
			}
			@media screen and (max-width: 414px){
				#comments{
					padding: 0 0.5rem;
					}
				}
	
			
	#comments img,
	#comments i{		
			-webkit-filter: grayscale(20%) saturate(70%) sepia(10%);
			filter:  grayscale(20%) saturate(70%) sepia(10%);
			}

/*-----------------------------------------------------------------------------------*/
/*  WP-DISCUZ                                                               	                          
/*-----------------------------------------------------------------------------------*/
	
/*V E R S I O N   7*/
	
	/*AVATAR AND ID */

	/*the stars and stuff under the name which we don't want*/
	#wpdcom .wv-level-box{
		display: none!important;
		}
		
		
	/*COMMENT TEXT*/
	#wpdcom .wpd-comment-text p{
			margin: 1rem 0;
			color: rgb(20,20,20);
			line-height: 150%;
			font-size: 1.1rem!important;
			font-family: "Alegreya Sans"
			}

	#wpdcom .wpd-comment.wpd-reply .wpd-comment-text p{
			font-size: 1.05rem!important
			}

	#wpdcom .wpd-comment-text p:first-of-type{
			margin-top:0;
			}			
	#wpdcom .wpd-comment-text p:last-of-type{
			margin-bottom:0;
			}			
	#wpdcom .wpd-comment-text a{
			font-weight: bolder;
			color: rgb(100,50,40)!important;
			}
	
	#wpdcom .wpd-comment .wpd-comment-text blockquote,
	#wpdcom .wpd-comment.wpd-reply .wpd-comment-text blockquote{
			position: relative;
			margin: 1rem auto; 
			padding: 1rem 2rem;
			border: solid 3px rgba(55,63,68,.04)!important;
			background: rgba(55,63,68,0.02)!important;
			}
	
	#wpdcom .wpd-comment .wpd-comment-text blockquote p,
	#wpdcom .wpd-comment.wpd-reply .wpd-comment-text blockquote p{
			margin: 0 auto;
			font-style: none!important;
			letter-spacing: 0.03rem	
			color: rgb(55,63,68);
			line-height: 170%;
			font-weight: 300;
			font-family: "Open Sans Condensed";
			}
	
    #wpdcom .wpd-comment .wpd-comment-text blockquote p strong,
	#wpdcom .wpd-comment.wpd-reply .wpd-comment-text blockquote p strong,
	#wpdcom .wpd-comment .wpd-comment-text blockquote p b,
	#wpdcom .wpd-comment.wpd-reply .wpd-comment-text blockquote p b{
			font-weight: bolder
			}

	#wpdcom .wc-comment-text blockquote p:last-of-type{
			margin-bottom:0;
			}
	#wpdcom .wpd-comment .wpd-comment-text blockquote:before,
	#wpdcom .wpd-comment.wpd-reply .wpd-comment-text blockquote:before{
			display: none!important;
			}
	
	/*  REPLIES TO COMMENTS */	
	
	/*name of the commenter being replied to*/
	#wpdcom .wpd-comment .wpd-reply-to a{
			color: rgb(100,50,40)!important;
			}
			
			
			
	/* VOTE BUTTONS */			
	#wpdcom .wpd-up {
			color: #005139 !important;
			}
	#wpdcom .wpd-down {
			color: #9c3824  !important;
			}

			
/*V E R S I O N   5/*		
	
/*   avatar and ID   */
	
	#wpcomm .avatar{
			float:none; 
			display:inline;
			margin:0 auto; 
			padding:0px; 
			width:100%; 	
			height:auto; 
			border:2px solid rgb(150,152,154); 
			border-radius:0.5%; 
			box-sizing: border-box;
			-webkit-box-shadow:  0px 0px ;
			box-shadow: 0px 0px ; 
			}		
	#wpcomm .wc-comment .wc-comment-left img{
		-webkit-filter: grayscale(40%) sepia(40%);
		filter: grayscal(40%) sepia(40%);
			transition: all 1s ease
			}
	#wpcomm .wc-comment .wc-comment-left:hover img{
		-webkit-filter: grayscale(20%) sepia(10%);
		filter: grayscal(20%) sepia(10%);
			transition: all 1s ease
			}

    #wpcomm .wc-blog-guest > .wc-comment-left .wc-comment-label,
	#wpcomm .wc-comment-label{
			border-bottom: 0!important;
			box-shadow: 0px 0px 0px 0px;
			}	

	#wpcomm .wc-comment-label span{
			display: block;
			margin: -10px 0 auto;
			font-weight: 600;
			}

	#wpcomm .wc-field-textarea .ed_button {
			box-shadow: 0 0 0 0 ;
			border: solid 1px rgba(100,100,100,0.2);
			}
	
	#wpcomm .wc-field-textarea textarea	{
			font-size: 18px!important;
			color: rgb(10,10,10);
			}
	#wpcomm .wc-comment-right .wc-comment-text,
	#wpcomm .wc-comment-right .wc-comment-text *,
	#wpcomm .wc-comment-right .wc-comment-text a{
			line-height: 150%;
			font-size: 1.16rem!important;
			font-family: "Alegreya Sans";
			margin: 0  auto 1.5rem;
			}

	#wpcomm .wc-comment-right .wc-comment-text strong,
	#wpcomm .wc-comment-right .wc-comment-text * strong,
	#wpcomm .wc-comment-right .wc-comment-text p strong,
	#wpcomm .wc-comment-right .wc-comment-text * b{
			font-weight: bolder;
			font-size: 1.19rem
			}
	#wpcomm .wc-comment-right .wc-comment-text em,
	#wpcomm .wc-comment-right .wc-comment-text * em{
			font-style: italic;
			font-size: 1.19rem
			}
	#wpcomm .wc-comment-author,
	#wpcomm .wc-comment-author a{
			font-weight: 700;
			font-size:1rem;
			color: rgb(50,70,73)!important;
			}
	#wpcomm .wc-reply .wc-comment-author,
	#wpcomm .wc-reply .wc-comment-author a{
			font-size: 0.9rem;
			font-weight: 600;
			color: rgb(0,20,23)!important;
			}		
	
	#wpcomm .wc-comment-text a{
			font-weight: bolder;
			color: rgb(100,50,40);
			}
	
	
	/*  replies to comments     */	
	

	#wpcomm .wc-reply .wc-comment-right {
			background: rgba(50,80,86,0.03)!important;
			}

	#wpcomm .wc-reply .wc-comment-right .wc-comment-text, 
	#wpcomm .wc-reply .wc-comment-right .wc-comment-text *, 
	#wpcomm .wc-reply .wc-comment-right .wc-comment-text a {
			line-height: 150%;
			font-size: 1.05rem!important;
			font-family: "Alegreya Sans";
			}
			
/*     "read more" button     */
	#wpcomm .wpdiscuz-readmore {
			font-weight: 600;
			color: rgb(10,10,10)!important;
			}

 /*     "vote up/down" buttons buttons     */
	#wpcomm .wc-vote-link.wc-up,
	#wpcomm .wc-vote-link.wc-down{
			color: rgb(65, 72, 77)!important;
			}

 /*     "reply, edit, etc" buttons     */
	#wpcomm .wc-footer-left .wc-cta-button, 
	#wpcomm .wc-footer-left .wc-cta-button-x{
			font-size: 0.75rem;
			}
  
   #wpcomm .wc-footer-left .wc-reply-button i{
			font-size: 16px;
			 }
    
   #wpcomm .wc-footer-left span.wc-reply-button{
			border-color: rgba(255,255,255,0)!important;
			font-weight: 600;
			}

/*     "see replies" button     */
	#wpcomm span.wcsep {
			color: rgb(38,43,47);
			} 
	
	#wpcomm .wc-toggle .wpdiscuz-children-button-text{
			font-size: 1.1rem;
			font-weight: 600;
			color: rgb(10,10,10);
			}
			
	#wpcomm .wc-toggle .wpdiscuz-children-count{
			font-size: 1.2rem;
			font-weight: 500;
			}		

/*    styling for html available in the comment box    */
	
	#wpcomm .wc-comment-right .wc-comment-text blockquote{
			position: relative;
			margin: 1rem auto; 
			padding: 1rem 2rem;
			border: solid 3px rgba(55,63,68,.04);
			background: rgba(55,63,68,0.02);
			}
			
	#wpcomm .wc-comment-right .wc-comment-text blockquote:before{
			content: '';
			}
			
	#wpcomm .wc-comment-right .wc-comment-text blockquote p{
			margin: 0 auto 2rem;
			font-family: "Open Sans Condensed";
			font-style: none;
			font-weight: 400;
			letter-spacing: 0.03rem	
			}
	#wpcomm .wc-comment-right .wc-comment-text blockquote p:last-of-type{
			margin-bottom:0;
			}
/*    bottom border at end of comment - we don't want it     */

	#wpcomm .by-wpdiscuz{
			border: none;
			}

/*-----------------------------------------------------------------------------------*/
/*  SOCIAL SNAP SHARING BUTTONS                                                             	                          
/*-----------------------------------------------------------------------------------*/
	
	#ss-floating-bar.ss-circle-icons.ss-with-spacing.ss-left-sidebar{
			top: 40%!important;
			}

	#ss-floating-bar.ss-circle-icons.ss-with-spacing .ss-social-icons-container>li{
			filter: saturate(20%)
			}
	
	.ss-inline-share-wrapper.ss-center-inline-content .ss-inline-share-content{
			filter: saturate(40%);
			display: none;
			}
			@media screen and (max-width: 834px){
			.ss-inline-share-wrapper.ss-center-inline-content .ss-inline-share-content{
				display: block;
				}
			}

	.ss-inline-share-wrapper .ss-social-share-label span{
			margin: 0 auto 5px;
			display: block;
			max-width: 43rem;
			
			}
			@media screen and (max-width: 834px){
			.ss-inline-share-wrapper .ss-social-share-label span{
				display: initial;
				}
			}


/*-------removing bullet point ------------*/
	.ss-inline-share-wrapper .ss-inline-share-content .ss-social-icons-container>li:before{
			content:'';
			}


/*-----------------------------------------------------------------------------------*/
/*  MEKS SHARING BUTTONS                                                             	                          
/*-----------------------------------------------------------------------------------*/


	.meks_ess{
			max-width: 43rem;
			-moz-filter:saturate(50%);
			-webkit-filter: saturate(50%);
			filter: saturate(50%);
			}
	.meks_ess.circle, 
	.no-labels, 
	.outline,
	 .meks_ess.square, 
	 .meks_ess.transparent {
			margin: 0 auto!important;
			max-width: 43rem!important;
			-webkit-justify-content: center!important;
			justify-content: center!important;
			}

					
/*======================================================================================                                       
                                     F O O T E R 
  ======================================================================================*/

	
	footer {
			margin: 0 -9999rem;
			padding: 0 9999rem;
			border-top: 2px solid rgba(55,63,68,0.1);	
			background: rgba(0,80,86,0);
			text-align: center;
			clear: both;
			overflow: hidden;
			}
		
/*--------------------------------------------------------------------------------------
 	FOOTER 	WIDGET AREAS
  --------------------------------------------------------------------------------------*/
	
	#footerwidgets-wrap{
			display:block;
			float: none;
			margin: 0 -999rem;
			padding:2vh 999rem;
			background: rgba(0,120,128, 0);
			}		
	
	#footerwidgets-wrap:after{
			display: block;
			content: '';
			clear: both;
			}
			

	#footer-one,	
	#footer-two,
	#footer-three,
	#footer-four{
			width: 100%;
			margin: 0;
			padding: 0 1rem;;
			border-top: 0;
			}
			
/*---------------------------------------------------------------------------------------
    FOOTER SOCIAL MEDIA 
  --------------------------------------------------------------------------------------*/

	footer .socialmedia{
			display: none;
			position: relative;
			width:30%;
			margin: 0 auto 3rem ;
			padding: 1rem 0;
			}
   			@media screen and (max-width:414px){
				footer .socialmedia{
				display: block;
				width: 100%;
				background: rgb(240,241,242);
				}
			 }
  	
  	footer .socialmedia p {
  			font-family: 'Alegreya';
  			font-size: 1.2rem;
  			color: rgb(100,100,100);
  			font-style: italic;
  			text-align: center;
  			}
  			
  	footer .socialmedia li{
  			display: inline-block;
  			margin: 0 15px;
  			font-size: 2.2rem;
  			text-align:center;
  			}
  			
  	footer .socialmedia li i{
  			width: 100%;
  			}
  				

/*--------------------------------------------------------------------------------------
 	FOOTER CREDIT
  --------------------------------------------------------------------------------------*/

	footer #site-description {
			display: block;
			position: relative;
			float: none;
			margin: 0 auto;
			width: 100%;
			padding: 2rem 0;
			font-size: 12px;
			font-size: 0.75rem;
			line-height: 1.45;
			text-align: center;	
			}
		
	footer #site-description ul {
			display: block;
			position: relative;
			float: none;
			max-width: 40rem; 
			margin: 0 auto;
			padding: 0;
			list-style: none;
			}
	
	footer #site-description ul.credit,
	footer #site-description ul.credit li,
	footer p.credittext {
			display: block;
			float:none;
			padding: 0;
			list-style: none;
			margin: 0 auto;
			}
	
	footer .credit li:after {
			content: '\002e';
			display: inline
			}
	
	footer p.credittext {
			margin: 0;
			}

	footer p.site-description {
		position: relative;
			max-width: 30rem;
			margin: 0 auto;
			font-weight: bold;	
			}
				
	footer img.credit{
			display: block;
			position: relative;
			width: 60px; 
			margin: 0 auto 10px;
			}
   			 				             			             		    		 					   			 

/*=====================================================================================
                                
                                   W  I  D  G  E  T  S   
                                   
  =====================================================================================*/                                                                        			
/*---------------------------------------------------------------------------------------- 
                             W I D G E T    D E S C R I P T I O N  
  --------------------------------------------------------------------------------------/*                                       

	/*before-widget description of content*/
	
	p.widget-description{
			max-width:40rem; 
			margin: 0 auto;
			padding: 1rem 1rem 2rem; 
			text-align: center;
			line-height:160%; 
			color:rgb(10,11,12); 
			font-size:93%;
			font-weight:600; 
			}


/*---------------------------------------------------------------------------------------- 
                               W I D G E T   A R E A S   
  --------------------------------------------------------------------------------------/*                                       

	
	/*'float-wrap' is purely to set max with on the floated widgets - as we don't any longer have a max-width set higher up the flow*/
	
	.float-wrap{
			display: block;
			position: relative;
			margin: 0 auto;
			padding: 0 0 4rem;
			width: 100%;
			max-width: 1400px;
			}
			@media screen and (max-width: 414px){
				.float-wrap{
					padding: 0 ;
					}
				}
	
	.float-wrap:after{
			display: block;
			content: '';
			clear:both;
			}


/*---------------------------------------------------------------------------------------
  FRONTPAGE WIDGET AREAS        
  --------------------------------------------------------------------------------------*/
	
	#fp-fw-top,
	#fp-fw-top-two,
	#fp-fw-center,
	#fp-fw-bottom {
			width: 100%;
			float: none;
			margin: 0 auto ;
			padding: 0 1rem 4rem;
			border: 0;
			}
			@media screen and (max-width:834px){
				#fp-fw-top,
				#fp-fw-top-two,
				#ffp-fw-center,
				#fp-fw-bottom {
					padding: 2rem 0.5rem 2rem;
					}
				}
			@media screen and (max-width:414px){
				#fp-fw-top,
				#fp-fw-top-two,
				#ffp-fw-center,
				#fp-fw-bottom {
					padding: 2rem 0.5rem 0;
					}
				}

	#fp-fw-bottom {
			padding-bottom: 0;
		}


	#fp-cf-one,
	#fp-cf-two {
			width: 60%;
			float: left;
			margin: 0;
			padding: 0 0 0 1rem;
			border: 0;
			background: transparent
			}						
			@media screen and (max-width:1024px){
				#fp-cf-one,
				#fp-cf-two {
					width: 100%;
					float: none;
					padding: 0 0.5rem;
					}		
				}

/*     Clearing float    */					
	#fp-cf-one:after,
	#fp-cf-two:after {
			display: block;
			content: '';
			clear: left;
			}

/*--------------------------------------------------------------------------------------
  FRONTPAGE SIDEBAR WIDGET AREAS
 --------------------------------------------------------------------------------------*/


	#fp-sidebar-one{
			display: inline-block;
			position: relative;
			float: right;
			width: 30%;
			padding: 0 1rem;
			border: 0;
			background: rgb(255,255,255);
			}
			@media screen and (max-width:1024px){
				#fp-sidebar-one{
					display: block;
					float: none;
					width: 100%;
					margin-top: 20px;
					padding: 0 0.5rem;
					}
				}	

	
/*     Clearing float    */		
	#fp-sidebar-one:after{
			display: block;
			content: '';
			clear: right;
			}


/*--------------------------------------------------------------------------------------
  	SPP SIDEBAR WIDGET AREAS
 --------------------------------------------------------------------------------------*/	
							
	#post-sidebar{
			width: 20%;
			max-width: 150px;
			position: absolute;
			top: 1200px;
			right: 20px;
			padding:0 ;
			font-size: 90%;
			z-index: 0;
			}   
			@media screen and (max-width:1100px){
				#post-sidebar{
					display: none;
					width: 100%!important;
					max-width: 1200px;
					position: relative;
					top: 0;
					left: 0;
					margin-top: 0;
					padding-left:0;
					border:0;
					}
				}   
	
	#post-sidebar:after{
			display: block;
			content: '';
			clear: left;
			}
	
	#post-sidebar .widget-title{
			text-align: center;
			text-transform: none;
			margin-bottom: 5px;
			font-size: 170%;
			font-family: 'Yellowtail';
			font-weight: 400;
			}
	
	
/*---------------------------------------------------------------------------------------
  SECTION WIDGET AREAS          
  --------------------------------------------------------------------------------------*/
  
  	#mu-fullwidth,
  	#hp-fullwidth,
	#arts-fullwidth,
 	#ne-fullwidth,
 	#pol-fullwidth,
 	#cfs-fullwidth,
 	#mw-fullwidth{
			width: 100%;
			margin: 0 auto
			padding: 0 1rem;
			border: 0;
			}
	
	
	#mu-cf,
  	#hp-cf,
	#arts-cf,
 	#ne-cf,
 	#pol-cf,
 	#cfs-cf,
 	#mw-cf{
			width: 70%;
			float:left;
			margin: 0 auto
			padding: 0 1rem;
			border: 0;
			}
			@media screen and (max-width:1024px){
				#mu-cf,
				#hp-cf,
				#arts-cf,
				#ne-cf,
				#pol-cf,
				#cfs-cf,
				#mw-cf{
					width: 100%;
					float: none;
					padding: 0 0.5rem;
					}		
				}
			
	#mu-cf:after,
  	#hp-cf:after,
	#arts-cf:after,
 	#ne-cf:after,
 	#pol-cf:after,
 	#cfs-cf:after,
 	#mw-cf:after{
			display: block;
			content: '';
			clear: left;
			}		
		
				
 /*--------------------------------------------------------------------------------------
  Sections Sidebar Widget Areas
 --------------------------------------------------------------------------------------*/
	#mu-sidebar,
	#hp-sidebar,
	#arts-sidebar,
	#ne-sidebar,
	#pol-sidebar,
	#cfs-sidebar,
	#mw-sidebar{
			position: relative;
			width:30%;
			height: 400px;
			overflow: scroll;
			float:right;
			margin: 0 auto
			padding: 3rem 1rem;
			border: 2px rgba(30,80,116,0.06);
			background: rgba(30,80,116,0.05);
			z-index: 3000000;
			}	
			@media screen and (max-width:1024px){
				#mu-sidebar,
				#hp-sidebar,
				#arts-sidebar,
				#ne-sidebar,
				#pol-sidebar,
				#cfs-sidebar,
				#mw-sidebar{
					width: 100%;		
					top: 4rem;
					right: initial;
					left: 0;
					}
				}   

	#mu-sidebar:after,
	#hp-sidebar:after,
	#arts-sidebar:after,
	#ne-sidebar:after,
	#pol-sidebar:after,
	#cfs-sidebar:after,
	#mw-sidebar:after{
			display: block;
			content: '';
			clear: right;
			}

			
/*---------------------------------------------------------------------------------------
  WIDGET SUBCONTAINERS
  --------------------------------------------------------------------------------------*/
							

/* WORKS WITH THE 'TABBED" H3 WIDGET-TITLE BELOW*/
	article.tabbed,
	div.tabbed{
			border-top: 5px solid rgba(50,80,86,0.06);
			}
			

/*---------------------------------------------------------------------------------------
   WIDGET POST-META							
  --------------------------------------------------------------------------------------*/

	.widget .post-author {
			display: inline;
			margin: 0;
			font-size: .9rem;
			font-family: "Alegreya";
			font-weight: 400;
			color: rgb(20,20,20);
			}	
	
	.widget .post-author a{
			color: rgb(20,20,20);
			}		
				
	.widget .post-date {
			display: inline; 
			margin: 0;
			font-size: .9rem;
			font-style:italic;
			font-family: "Alegreya";
			font-weight: 400;
			color: rgb(20,20,20);
			}
	
	.widget .post-date a{
			font-weight: 400;
			}
	
	.widget div.post-date:after {
			content: '|';
			padding-left: 5px;
			font-style: normal;
			font-weight: 300;
			}
	
	.widget q.post-date {
			color: rgb(20,20,20);
			}			
	
	.widget .post-comments{
			display: inline-block; 
			font-size: .95rem;
			font-style:italic;
			font-family: "Alegreya";
			white-space: nowrap;
			font-weight: 400;
			color: rgb(20,20,20);
			}	
	
	.widget .post-comments a{
			color: rgb(20,20,20);
			font-weight: 400;
			}
			
	.widget .post-author:after{
			content: '|';
			font-style: normal;
			font-weight: 300;
			}
							
	.widget .post-cats{
			display: block; 
			margin-top: 0;
			font-size: .9rem;
			font-style:italic;
			font-family: "Alegreya";
			color: rgb(100,100,100);
			}
	
	.widget .post-cats a{
			color: rgb(100,100,100);
			}	
	
	.widget .post-thumb {
			position: relative;
			margin: 0;
			padding:0;
			overflow: hidden;
			box-sizing: border-box;
			border-radius: 0;
			}
	
	.widget .post-thumb:before{
			position: relative;
			display: block;
			content: '';
			}
	
	.widget .post-thumb img {
			position: absolute;
			top: 0;
			left: 0;
			min-width: 100%;
			margin: 0 auto;
			border-radius: 0;
			}


/*======================================================================================
                            S P E C I F I C    W I D G E T S   
  =====================================================================================*/                                                                        			

/*---------------------------------------------------------------------------------------
                 T H E   'S M A L L   S Q U A R E'   W I D G E T  
  --------------------------------------------------------------------------------------*/
		/*widget-wrap styled purely to set max-width on the title*/
	
	.widget_OffG_small_square  {
			position: relative;
			margin: 0 auto;
			max-width: 1400px;
			}  
	
	 #small-square .item-wrap {
			display: block;
			position: relative;
				}
			@media screen and (max-width: 1024px){
				#small-square .item-wrap:nth-of-type(n+8) {
					display: none
					}
				}	
			@media screen and (max-width: 834px){
				#small-square .item-wrap:nth-of-type(n+7) {
					display: none
					}
				}			
			
	#small-square .item-wrap .post-date {
			float: none;
			display: block;
			position: absolute;
			left: 0;
			width: 100%;
			margin:  0;
			padding: 2px 0;
			font-style: italic;
			font-family: 'Libre Baskerville', serif;
			font-weight: 300;
			font-size: 0.96rem!important;
			text-align: center;
			letter-spacing: 0;
			z-index: 2000;
			}
			@media screen and (max-width: 1024px){
				#small-square .item-wrap .post-date {	
					font-size: 0.85rem;
					}
				}
			@media screen and (max-width: 414px){																		
				#small-square .item-wrap .post-date {
					width: 70%;
					left:3px;
					font-size: 115%;
					}	
				}	
		
	#small-square .item-wrap .post-date:after {
			content: '';
			padding-left: 5px;
			font-style: normal;
			font-weight: 300;
			}
	
	#small-square .item-wrap .post-date  a.post-date{	
			background: rgba(255,255,255,0.6);
			color: rgb(10,10,10);
			font-family: 'Libre Baskerville', serif;
			}		
	
	#small-square .item-wrap .post-thumb {
			display: block;
			position: relative;
			float: none;
			margin: 0;
			padding:0;
			overflow: hidden;
			border: solid 2px rgb(200,200,210);
			box-sizing: border-box;
			border-radius: 4px;
			}
			
	
	#small-square .item-wrap .post-thumb:before{
			position: relative;
			display: block;
			content: '';
			padding-top: 100%;
			}
			@media screen and (max-width: 414px){																					
				#small-square .item-wrap  .post-thumb:before{
					padding-top: 80%;
					}	
				}	
	
	#small-square .item-wrap  .post-thumb img {
			position: absolute;
			top: 0;
			left: 0;
			min-width: 100%;
			min-height: 100%;
			margin: 0 auto;
			border-radius: 4px;
			transform: scale(1);
			transition: all 1s ease;
			} 
			@media screen and (max-width: 414px){																								
				#small-square .item-wrap:hover .post-thumb img{
						border-radius: 0;
						}
					}

	#small-square .item-wrap h3.post-title {
			max-width: 12em;
			margin-top: 2px;
			font-family: "Alegreya Sans", sans-serif;
			font-weight: 400;
			font-size: 0.95rem;
			line-height: 95%!important;
			text-align: center;
			background: rgba(255,255,255,0);
			word-break: break-word;
			}
			@media screen and (max-width: 1024px){
				#small-square .item-wrap h3.post-title {
					font-size: 85%;
					font-weight: 400;
					}
				}
			@media screen and (max-width: 414px){	
				#small-square .item-wrap  h3.post-title {	
					font-size: 130%;
					word-break: break-word;
					}	
				}
		
	
			
	
/*--------------------------------------------------------------------------------------
    ***********    FALLBACK FOR BROWSERS THAT DON'T SUPPORT GRID   ************                                                           
  --------------------------------------------------------------------------------------*/
	
		#small-square {
			position: relative;
			}

		#small-square:after {
			display: block;
			content: '';
			clear: left;
			}	

		#small-square .item-wrap {
			position: relative;
			width: 10.5%;
			float: left;
			margin: 0 1%;
			margin-top: 0;
			padding: 0;
			}	
			@media screen and (max-width: 1024px){	
				#small-square .item-wrap {
					width:14.2%;
					margin: 20px 0;
					padding: 2%;
					}	
				}	
			@media screen and (max-width: 768px){
				#small-square .item-wrap {
					width:16.67%;
					}
				}
			@media screen and (max-width: 414px){	
				#small-square .item-wrap {
					display: block;
					width:100%;
					float: none;
					margin: 20px 0;
					}
				}
		
		#small-square .item-wrap .post-date {}
			@media screen and (max-width: 414px){																		
				#small-square .item-wrap .post-date {
					}	
				}	
		
		
		#small-square .item-wrap .post-thumb {
			display:block;
			float: none;
			}
			@media screen and (max-width: 1024px){	
				#small-square .item-wrap .post-thumb {	
					width: 100%;
					}
				}	
			@media screen and (max-width: 414px){	
				#small-square .item-wrap .post-thumb {	
					display: inline-block;
					width: 48%;
					}
				}	
		
		#small-square .item-wrap .post-thumb:after{
			content: '';
			clear: left;
			}
		
		#small-square .item-wrap  h3.post-title {	
			float: none;
			}		
			@media screen and (max-width: 414px){	
				#small-square .item-wrap  h3.post-title {	
					display: inline-block;
					width: 48%;
					margin-left: 5px;
					}	
				}
		#small-square .item-wrap  h3.post-title:after{
			content: '';
			display: block;
			clear: left;
			}
	                                                
  

/*--------------------------------------------------------------------------------------
    *********** FOR BROWSERS THAT SUPPORT GRID ***********                                                           
  --------------------------------------------------------------------------------------*/


@supports (display: grid) {        	           
	#small-square {
			position: relative;
			display: grid;	
			grid-template-columns: repeat(8, 1fr);
			grid-column-gap: 1.5rem;
			grid-row-gap: 2rem;
			margin: 0 auto 4rem;
			padding:0 1rem;
			border: 0;
			background: transparent;
			}
			@media screen and (max-width: 1024px){
				#small-square {
					grid-template-columns: repeat(7, 1fr);
					}
				}		       		
			@media screen and (max-width: 834px){
				#small-square {
					grid-template-columns: repeat(6, 1fr);
					}
				}
			@media screen and (max-width: 414px){						
				#small-square {
					display:block;
					margin-bottom: 3rem;
					padding:0 ;
					}
				}
	 
	  #small-square .item-wrap {
			display: block;
			position: relative;
			width: 100%;
				}
				@media screen and (max-width: 414px){	
			/*canceling the 'display none' above, as we want all the itms to show in the mobile version, since it's a plain list*/
				#small-square .item-wrap:nth-of-type(n+7) {
					display:grid;
					}			
				#small-square .item-wrap{
					display: grid;
					grid-template-columns: repeat(2, 1fr);
					grid-column-gap: 5px;
					margin: 0 auto 1.5rem;
					padding: 0 0.5rem;
					}
				}
	
	#small-square .item-wrap .post-thumb {}
			@media screen and (max-width: 414px){	
				#small-square .item-wrap .post-thumb {	
					width: 100%;
					grid-column: 1/ 2;
					grid-row: 1 / 4;
					border-radius: 0;
					}
				}
	#small-square .item-wrap  h3.post-title {}	
				@media screen and (max-width: 414px){								
					#small-square .item-wrap  h3.post-title {
						grid-row: 1 / 4;
						width: 100%!important;
						place-self: center!important;
						white-space: normal;
						}	
					}
				}
	

	
	/*--------------------------------------------------------------------------------------
     T H E    'M E D I U M'    W I D G E T                                                               
    --------------------------------------------------------------------------------------*/
	
	#medium {
			position: relative;
			max-width: 1400px;
			margin: 0 auto 6rem;
			padding: 0 1rem;
			-webkit-transition: all 2s ease;
			transition: all 2s ease;
			}
			@media screen and (max-width: 834px){
				#medium  {
					margin: 0 auto 3rem;
					}
				}
			@media screen and (max-width: 414px){
				#medium  {
					margin-bottom: 3rem;
					padding: 0;
					}
				}
	
	#medium .item-wrap  {
			-webkit-transition: all 2s ease;
			transition: all 2s ease;
			}
									
	#medium .item-wrap:nth-of-type(n+5){}
					@media screen and (max-width: 834px){
					#medium .item-wrap:nth-of-type(n+5){
						display: none;
						}
					}
	
	#medium .item-wrap .post-thumb{
			display: block;
			position: relative;
			width: 100%;
			margin: 0;
			padding:0;
			overflow: hidden;
			border: solid 2px rgb(200,200,210);
			box-sizing: border-box;
			}
			@media screen and (max-width: 414px){
				#medium .item-wrap:nth-of-type(n+2) .post-thumb {	
					margin: 0;
					padding: 0 0.5rem;
					}
				}		
	
	
	#medium .item-wrap .post-thumb{
			display: block;
			position: relative;
			width: 100%;
			margin: 0;
			padding:0;
			overflow: hidden;
			border: solid 2px rgb(200,200,210);
			box-sizing: border-box;
			}
	
	#medium .item-wrap .post-thumb:before{
			content: '';
			display: block;
			padding-top: 80%;
			}
			@media screen and (max-width: 414px){	
				#medium .item-wrap:nth-of-type(n+2) .post-thumb:before{
					content: '';
					display: block;
					padding-top: 80%;
					}
				}
		
	#medium .item-wrap .post-thumb img {
			position: absolute;
			top: 0;
			left: 0;
			min-width: 100%;
			min-height: 100%;
			margin: 0 auto;
			border-radius: 0;	
			}
	
	
	#medium .item-wrap h3.post-title{
			margin:0;
			padding:0;
			font-size: 130%;
			line-height:  105%;
			}
			/* first of type*/	
			@media screen and (max-width: 414px){	
					#medium .item-wrap:first-of-type h3.post-title{
						padding: 0 0.5rem;
						font-size: 170%;
						}
					}
			/* nth of type n+2*/
			@media screen and (max-width: 414px){									
					#medium .item-wrap:nth-of-type(n+2) h3.post-title {	
						place-self: center;
						padding-left: 0;
						font-size: 140%;
						font-weight: 500;
						}
					}	
			@media screen and (max-width: 375px){									
					#medium .item-wrap:nth-of-type(n+2) h3.post-title {	
						font-size: 120%;
						}
					}	
			@media screen and (max-width: 320px){									
					#medium .item-wrap:nth-of-type(n+2) h3.post-title {	
						font-size: 120%;
						}
					}	
	
				
	#medium  .item-wrap .post-summary {
			display: block;
			margin: 0 0;
			padding: 0 0;
			font-family:  "Alegreya Sans";
			font-weight: 300;
			font-size: 90%;
			text-align: left;
			line-height: 110%;
			color:rgb(60,61,62);
			}
			@media screen and (max-width: 834px){	
					#medium .item-wrap .post-summary {
						display: none;
						}
					}	
			@media screen and (max-width: 414px){
					#medium .item-wrap:first-of-type .post-summary{
						display: initial;
						padding: 0 0.5rem;
						}
					}			
		
	#medium  .item-wrap .post-summary a {
			color:rgb(80,81,82)!important;
			font-weight: 300;
			}	
		
		
/*--------------------------------- Post Meta ----------------------------------*/	
	
	#medium .item-wrap:first-of-type .post-meta{
			margin: 0 auto;
			padding: 2px 0;
			}
	
	#medium .item-wrap:nth-of-type(n+2) .post-meta{
			margin:0 auto;
			padding: 2px 0;
			}	
		
	#medium .item-wrap .post-author{
			display: none!important;
			}



/*--------------------------------------------------------------------------------------
    NON-GRID VERSION                                                              
  --------------------------------------------------------------------------------------*/

		
	#medium:after{
			content: '';
			display: block;
			clear: left;
			margin: 0 auto 40px;
			padding: 0;
			}
		
	#medium .item-wrap{
			display: inline-block;
			position: relative;
			width: 20%;
			height:350px;
			float: left;	
			margin: 0;
			padding: 0 8px;
			border: 0;
			}
			@media screen and (max-width: 834px){
				#medium .item-wrap{
					width: 25%;
					height: 230px;
					}
			}
			@media screen and (max-width: 414px){
				#medium .item-wrap{
					width: 100%;
					height: auto;
					float: none;
					margin: 10px 0 ;
					padding: 0;
					}
				}
							
	#medium .item-wrap .post-thumb{}
			@media screen and (max-width: 414px){
				#medium .item-wrap:nth-of-type(n+2) .post-thumb {	
					float: left;
					width: 50%;
					margin: 0;
					padding: 0 0.5rem;
					}
				}		
			
		
	#medium .item-wrap:first-of-type .post-thumb:after,	
	#medium .item-wrap:nth-of-type(n+2) .post-thumb:after{
			content: '';
			display: block;
			clear: left;
			}
		
	#medium .item-wrap h3.post-title{}
			/* nth of type n+2*/
			@media screen and (max-width: 414px){									
					#medium .item-wrap:nth-of-type(n+2) h3.post-title {	
						float: left;
						}
					}	
	#medium .item-wrap:nth-of-type(n+2) .post-title:after{
			content: '';
			display: block;
			clear: left;
			}
		
		/* ensures meta data drops under the image and text*/
	#medium .item-wrap:nth-of-type(n+2) #meta:before{
			display: block;
			content:'';
			clear: left;
			}	
	
	/*--------------------------------------------------------------------------------------
       GRID VERSION  (WILL OVERRIDE ABOVE ON ALL BROWSWER THAT SUPPORT GRID)                                                       
  --------------------------------------------------------------------------------------*/

		
	@supports (display: grid){			
		#medium {
			display: grid;
			grid-template-columns: repeat(5, 1fr);
			grid-column-gap:1rem;
			grid-row-gap: 1rem;
			}
			@media screen and (max-width: 834px){
				#medium  {
					grid-gap: 1rem;
					grid-template-columns: repeat(4, 1fr);
					}
				}
			@media screen and (max-width: 414px){
				#medium  {
					display:block;
					}
				}

/*----------------------------- GRID VERSION Item Wrap --------------------------------*/	
	
	#medium .item-wrap  {
			position: relative;
			width: 100%;
			height:auto;
			-webkit-transition: all 2s ease;
			transition: all 2s ease;
			}
			/* grid version first of type*/
				@media screen and (max-width: 414px){	
						#medium .item-wrap:first-of-type{
							margin: 0 auto 2rem;
							border-bottom: 1px solid rgba(100,120,128,0.3);
							}
						}	
			/*  grid version nth-of-type (n+2)*/	
				   @media screen and (max-width: 414px){	
						#medium .item-wrap:nth-of-type(n+2){
							display: grid;
							grid-template-columns: repeat(2, 1fr);
							grid-column-gap: 5px;
							width: 100%;
							margin: 0 0 1rem;
							padding: 0 0.5rem;
							border-bottom: 1px solid rgba(100,120,128,0.3);
							}
						}
			
			#medium .item-wrap:nth-of-type(4){}
					@media screen and (max-width: 414px){	
						#medium .item-wrap:nth-of-type(8){
							margin: 0 auto 2rem;
							border-bottom: 1px solid rgba(100,120,128,0);
							}
						}	
				

/*-------------------------- GRID VERSION Post Thumb  --------------------------------*/	
		
			
	#medium .post-thumb {}
			@media screen and (max-width: 414px){								
					#medium .item-wrap:nth-of-type(n+2) .post-thumb {	
						width: 100%;
						height: auto;
						grid-row: 1 / 2;
						border: 0;
						border-radius: 0;	
						}
					}


/*-------------------------- GRID VERSION Post Title  --------------------------------*/	
					
	
	#medium .item-wrap .post-title {}	
			@media screen and (max-width: 414px){								
				#medium .item-wrap h3.post-title {
					width: 100%;
					grid-row: 1 / 2;
					place-self: center;
					}			
				}
			
		


/*--------------------------------------------------------------------------------------
   MEDIUM TWO   (Censored on CiF)                                                    
  --------------------------------------------------------------------------------------*/

	
	.widget_OffG_medium_two{
			display:block;
			position: relative;
			margin: 0 -999rem 6rem;
			padding: 10px 999rem;
			background: rgba(30,80,116, 0.03);
				}
				@media screen and (max-width: 768px){	
					.widget_OffG_medium_two{
						background: transparent;
						}
					}
				@media screen and (max-width: 414px){	
					.widget_OffG_medium_two{
						margin-bottom: 1rem;
						}
					}

/*--------------------------------- DESCRIPTION ----------------------------------------
						
				before-widget description of content*/
	
	.widget_OffG_medium_two	p.widget-description{
			max-width:40rem; 
			margin: 0 auto;
			padding: 1rem 1rem 2rem; 
			text-align: center;
			line-height:160%; 
			color:rgb(10,11,12); 
			font-size:93%;
			font-weight:600; 
			}

	p.cif-widget-description/*for use outside the widget-wrap*/{
			display: block;
			max-width:40rem; 
			margin: -2rem auto 2rem;
			padding: 0 1rem ; 
			text-align: center;
			line-height:160%; 
			color:rgb(100,101,102); 
			font-size:110%;font-weight:600; 
			}



	.widget_OffG_medium_two #medium {
			margin: 0 auto;
			}

	.widget_OffG_medium_two	#medium .item-wrap  {
			height: auto;
			}

	/*removing the gridded status of n+2 because there no post summary & title can therefore take up full width*/
  	.widget_OffG_medium_two #medium .item-wrap:nth-of-type(n+2){}
			@media screen and (max-width: 414px){
				.widget_OffG_medium_two	#medium .item-wrap:nth-of-type(n+2){
				display: block;
				grid-template-columns:1fr;
				}
			}

	/*adding back the removal of fifth post which was canceled by above declaration*/
	.widget_OffG_medium_two #medium .item-wrap:nth-of-type(n+5){}
			@media screen and (max-width: 414px){
			.widget_OffG_medium_two	#medium .item-wrap:nth-of-type(n+5){
			display: none;
			}
		}

	/*making first-of-type and nth-of-type(2) look the same	*/
		.widget_OffG_medium_two #medium .item-wrap:first-of-type {}
			@media screen and (max-width: 414px){	
			.widget_OffG_medium_two #medium .item-wrap:first-of-type {
					padding: 0 0.4rem
					}
			}
				
	.widget_OffG_medium_two	#medium .item-wrap h3.post-title{
			font-family: "Alegreya Sans";
			font-size: 1.2rem;
			font-style: italic;
			font-weight: 500;
			color: rgb(05,06,07);
			}
 	.widget_OffG_medium_two #medium .item-wrap:h3.post-title:first-of-type{}
			@media screen and (max-width: 414px){	
			.widget_OffG_medium_two #medium	.item-wrap:first-of-type h3.post-title{
					padding: 0;
					font-size: 1.2rem;
					}
			}
	 .widget_OffG_medium_two #medium .item-wrap:nth-of-type h3.post-title{}
			@media screen and (max-width: 414px){	
			.widget_OffG_medium_two #medium .item-wrap:nth-of-type(n+2) h3.post-title{
					padding: 0 ;
					font-size: 1.2rem;
					}
				}


/*--------------------------------------------------------------------------------------
   T H E   M E D I U M - L A R G E  W I D G E T        
  --------------------------------------------------------------------------------------*/
		
	#medium-large {
			position: relative;
			max-width: 1400px;
			margin: 0 auto 6rem;
			padding: 0 1rem;
			-webkit-transition: all 2s ease;
			transition: all 2s ease;
			}
			@media screen and (max-width: 834px){
				#medium-large  {
					margin: 0 auto 3rem;
					}
				}
			@media screen and (max-width: 414px){
				#medium-large  {
					margin-bottom: 0;
					padding: 0;
					}
				}
	
	#medium-large .item-wrap  {
			-webkit-transition: all 2s ease;
			transition: all 2s ease;
			}
									
	#medium-large .item-wrap:nth-of-type(n+7){}
					@media screen and (max-width: 834px){
					#medium-large .item-wrap:nth-of-type(n+7){
						display: none;
						}
					}
	
	#medium-large .item-wrap .post-thumb{
			display: block;
			position: relative;
			width: 100%;
			margin: 0;
			padding:0;
			overflow: hidden;
			border: solid 2px rgb(200,200,210);
			box-sizing: border-box;
			}
			@media screen and (max-width: 414px){
				#medium-large .item-wrap:nth-of-type(n+2) .post-thumb {	
					margin: 0;
					padding: 0 0.5rem;
					}
				}		
	
	
	#medium-large .item-wrap .post-thumb:before{
			content: '';
			display: block;
			padding-top: 80%;
			}
			@media screen and (max-width: 414px){	
				#medium-large .item-wrap:nth-of-type(n+2) .post-thumb:before{
					content: '';
					display: block;
					padding-top: 80%;
					}
				}
		
	#medium-large .item-wrap .post-thumb img {
			position: absolute;
			top: 0;
			left: 0;
			min-width: 100%;
			min-height: 100%;
			margin: 0 auto;
			border-radius: 0;	
			}
	
	
	#medium-large .item-wrap h3.post-title{
			margin:0;
			padding:0;
			font-size: 140%;
			line-height:  110%;
			font-family: "Alegreya";
			font-weight: 500;
			color:rgb(02,02,02);
			}
			/* first of type*/	
			@media screen and (max-width: 414px){	
					#medium-large .item-wrap:first-of-type h3.post-title{
						padding: 0 0.5rem;
						font-size: 170%;
						}
					}
			/* nth of type n+2*/
			@media screen and (max-width: 414px){									
					#medium-large .item-wrap:nth-of-type(n+2) h3.post-title {	
						place-self: center;
						padding-left: 0;
						font-size: 140%;
						font-weight: 500;
						}
					}	
			@media screen and (max-width: 375px){									
					#medium-large .item-wrap:nth-of-type(n+2) h3.post-title {	
						font-size: 120%;
						}
					}	
			@media screen and (max-width: 320px){									
					#medium-large .item-wrap:nth-of-type(n+2) h3.post-title {	
						font-size: 120%;
						}
					}	
	
				
	#medium-large  .item-wrap .post-summary {
			display: block;
			margin: 4px 0 0;
			padding: 0 0;
			letter-spacing:0;
			line-height: 140%;
			font-size: 0.8rem;
			font-family: "Open Sans";
			font-weight: 300;
			color:rgb(20,21,22);
			}
			@media screen and (max-width: 834px){	
					#medium-large .item-wrap .post-summary {
						display: none;
						}
					}	
			@media screen and (max-width: 414px){
					#medium-large .item-wrap:first-of-type .post-summary{
						display: initial;
						padding: 0 0.5rem;
						}
					}			
		
	#medium-large  .item-wrap .post-summary a {
			color:rgb(80,81,82)!important;
			font-weight: 300;
			}	
		
	 #medium-large .post-summary a.readmore{
			margin: 5px auto;
			padding: 1px 3px;
			font-family: "Alegreya Sans";
			font-size: 100%;
			color: rgb(100,10,30);
			text-transform: uppercase;
			font-weight: 500;
			white-space: nowrap;
			border: 0;
			background: rgb(250,251,253);
			}	
/*--------------------------------- Post Meta ----------------------------------*/	
	
	#medium-large .item-wrap:first-of-type .post-meta{
			margin: 0 auto;
			padding: 2px 0;
			}
	
	#medium-large .item-wrap:nth-of-type(n+2) .post-meta{
			margin:0 auto;
			padding: 2px 0;
			}	
		
	#medium-large .item-wrap .post-author{
			display: none!important;
			}



/*--------------------------------------------------------------------------------------
    NON-GRID VERSION                                                              
  --------------------------------------------------------------------------------------*/

		
	#medium-large:after{
			content: '';
			display: block;
			clear: left;
			margin: 0 auto 40px;
			padding: 0;
			}
		
	#medium-large .item-wrap{
			display: inline-block;
			position: relative;
			width: 33%;
			height:20rem;
			float: left;	
			margin: 0;
			padding: 0 2%;
			border: 0;
			}
			@media screen and (max-width: 834px){
				#medium-large .item-wrap{
					width: 50%;
					height: 230px;
					}
			}
			@media screen and (max-width: 414px){
				#medium-large .item-wrap{
					width: 100%;
					height: auto;
					float: none;
					margin: 40px 0,6rem ;
					padding: 0;
					}
				}
							
	#medium-large .item-wrap .post-thumb{}
			@media screen and (max-width: 414px){
				#medium-large .item-wrap:nth-of-type(n+2) .post-thumb {	
					float: left;
					width: 50%;
					margin: 0;
					padding: 0 0.5rem;
					}
				}		
			
		
	#medium-large .item-wrap:first-of-type .post-thumb:after,	
	#medium-large .item-wrap:nth-of-type(n+2) .post-thumb:after{
			content: '';
			display: block;
			clear: left;
			}
		
	#medium-large .item-wrap h3.post-title{}
			/* nth of type n+2*/
			@media screen and (max-width: 414px){									
					#medium-large .item-wrap:nth-of-type(n+2) h3.post-title {	
						float: left;
						}
					}	
	#medium-large .item-wrap:nth-of-type(n+2) .post-title:after{
			content: '';
			display: block;
			clear: left;
			}
		
		/* ensures meta data drops under the image and text*/
	#medium-large .item-wrap:nth-of-type(n+2) #meta:before{
			display: block;
			content:'';
			clear: left;
			}	
	
	/*--------------------------------------------------------------------------------------
       GRID VERSION  (WILL OVERRIDE ABOVE ON ALL BROWSWER THAT SUPPORT GRID)                                                       
  --------------------------------------------------------------------------------------*/

		
	@supports (display: grid){			
		#medium-large {
			display: grid;
			grid-template-columns: 31% 31% 31%;
			grid-column-gap: 2%;
			grid-row-gap: 4rem;
			justify-content: center;
			padding: 0 
			}
			@media screen and (max-width: 834px){
				#medium-large  {
					grid-gap: 1rem;
					grid-template-columns: repeat(3, 1fr);
					padding: 1rem;
					}
				}
			@media screen and (max-width: 414px){
				#medium-large  {
					grid-template-columns: 1fr;
					grid-column-gap: 0;
					grid-row-gap: 40px;
					padding: 0.6rem;
					}
				}

/*----------------------------- GRID VERSION Item Wrap --------------------------------*/	
	
	#medium-large .item-wrap  {
			position: relative;
			width: 100%;
			float:none;
			padding: 0 2%;
			height:auto;
			}
			@media screen and (max-width:414px){
				#medium-large .item-wrap  {
							margin: 40px 0.6rem;
							height: auto;
							}
						}
			/* grid version first of type*/
				@media screen and (max-width: 414px){	
						#medium-large .item-wrap:first-of-type{
							margin: 0 auto 2rem;
							border-bottom: 1px solid rgba(100,120,128,0.3);
							}
						}	
			/*  grid version nth-of-type (n+2)*/	
				   @media screen and (max-width: 414px){	
						#medium-large .item-wrap:nth-of-type(n+2){
							display: grid;
							grid-template-columns: repeat(2, 1fr);
							grid-column-gap: 5px;
							width: 100%;
							margin: 0 0 1rem;
							padding: 0 0.5rem;
							border-bottom: 1px solid rgba(100,120,128,0.3);
							}
						}
			
			#medium-large .item-wrap:nth-of-type(4){}
					@media screen and (max-width: 414px){	
						#medium-large .item-wrap:nth-of-type(8){
							margin: 0 auto 2rem;
							border-bottom: 1px solid rgba(100,120,128,0);
							}
						}	
				

/*-------------------------- GRID VERSION Post Thumb  --------------------------------*/	
		
			
	#medium-large .post-thumb {}
			@media screen and (max-width: 414px){								
					#medium-large .item-wrap:nth-of-type(n+2) .post-thumb {	
						width: 100%;
						height: auto;
						grid-row: 1 / 2;
						border: 0;
						border-radius: 0;	
						}
					}


/*-------------------------- GRID VERSION Post Title  --------------------------------*/	
					
	
	#medium-large .item-wrap .post-title {}	
			@media screen and (max-width: 414px){								
				#medium-large .item-wrap h3.post-title {
					width: 100%;
					grid-row: 1 / 2;
					place-self: center;
					}			
				}
			}
		



*--------------------------------------------------------------------------------------
                 T H E   'L A R G E   P O S T S'   W I D G E T                                               
  --------------------------------------------------------------------------------------*/
					
						/*SOME NOTES ABOUT THE ARCHITECTURE: 
			 
			 The main containing ID element for this widget in Widgets.php is 
			 '#OFFG_LARGE_POST', classname 'OFFG_LARGE_POST'.
			 
			 Then we have the DIV id '#LARGE_TITLE'. The "Widget-Title" h3 is
			 wrapped in this. 
			 
			 Next comes the ARTICLE element '#LARGE'.
			 
			 After that the individual posts are contained in the DIV class 
			 '.LARGE'. 
			 
			 We don't style anything above the DIV 'LARGE_TITLE'*/

	
	
#large {
			position: relative;
			max-width: 1400px;
			margin: 0 auto 6rem;
			padding: 0 1rem;
			-webkit-transition: all 2s ease;
			transition: all 2s ease;
			}
			@media screen and (max-width: 834px){
				#large  {
					margin: 0 auto 3rem;
					}
				}
			@media screen and (max-width: 414px){
				#large  {
					margin-bottom: 0;
					padding: 0;
					}
				}
	
	#large .item-wrap  {
			-webkit-transition: all 2s ease;
			transition: all 2s ease;
			}
									

	
	#large .item-wrap .post-thumb{
			display: block;
			position: relative;
			float: left;
			width: 60%;
			margin: 0;
			padding:0;
			overflow: hidden;
			border: solid 0 rgb(200,200,210);
			box-sizing: border-box;
			}
			
			@media screen and (max-width: 834px){
				#large .item-wrap .post-thumb{
					width: 50%;
					}
				}
			@media screen and (max-width: 414px){
				#large .item-wrap .post-thumb{
					width: 30%;
					}
				}
	
	#large .item-wrap .post-thumb:before{
			content: '';
			display: block;
			padding-top: 80%;
			}
			
		
	#large .item-wrap .post-thumb img {
			position: absolute;
			top: 0;
			left: 0;
			min-width: 100%;
			min-height: 100%;
			margin: 0 auto;
			border-radius: 0;	
			}
	
	#large  .item-wrap .text-wrap {
			display: block;
			float: right;
			width: 40%;
			margin: 0;
			padding: 2px;
			background:rgb(255,255,255);
			}
	
	#large  .text-wrap .post-summary {
			
			padding: 0 0;
			letter-spacing:0;
			line-height: 140%;
			font-size: 0.8rem;
			font-family: "Open Sans";
			font-weight: 300;
			color:rgb(20,21,22);
			}
			@media screen and (max-width: 834px){	
					#large .item-wrap .post-summary {
						display: none;
						}
					}	
			@media screen and (max-width: 414px){
					#large .item-wrap:first-of-type .post-summary{
						display: initial;
						padding: 0 0.5rem;
						}
					}			
	#large .ptext-wrap h3.post-title{
			position:relative;
			float: right;
			width: 40%;
			margin:0;
			padding:0;
			font-size: 140%;
			line-height:  110%;
			font-family: "Alegreya";
			font-weight: 500;
			color:rgb(02,02,02);
			}
		
			
	#large  .item-wrap .post-summary a {
			color:rgb(80,81,82)!important;
			font-weight: 300;
			}	
		
	 #large .post-summary a.readmore{
			margin: 5px auto;
			padding: 1px 3px;
			font-family: "Alegreya Sans";
			font-size: 100%;
			color: rgb(100,10,30);
			text-transform: uppercase;
			font-weight: 500;
			white-space: nowrap;
			border: 0;
			background: rgb(250,251,253);
			}	
/*--------------------------------- Post Meta ----------------------------------*/	
	
	#large .item-wrap:first-of-type .post-meta{
			margin: 0 auto;
			padding: 2px 0;
			}
	
	#large .item-wrap:nth-of-type(n+2) .post-meta{
			margin:0 auto;
			padding: 2px 0;
			}	
		
	#large .item-wrap .post-author{
			display: none!important;
			}



		
	
		
	
	
/*---------------------------------------------------------------------------------------
                   T H E   'F E A T U R E D   S L I D E R'   W I D G E T                                               
  --------------------------------------------------------------------------------------*/
							

	.fpslider{
			display: block;
	 		position: relative;
	 		margin: 0 -999rem 9rem;
	 		padding: 0 998rem;
	 		padding-bottom: 5px;
	 		background: rgba(0,80,86, 0);
	 		}	 		
			@media screen and (max-width: 834px){
				.fpslider{
				margin: 0 0 1rem;
				padding: 0 0;
				}
			}
			@media screen and (max-width: 414px){
				.fpslider{
				margin-bottom: -2rem;
				}
			}

/* simply for setting max-width on slider(can't do it on the 'fpslider' widget-wrap above, as it breaks the slider*/	
	
	.slider-wrap{
			position: relative;
			margin: 0 auto;
			max-width: 1400px;
			}
	
	#featured-post h1.widget-title.bookmark{
			position: absolute;
			top: 1rem;
			height: 3rem;
			width: 20%;
			margin: 0;
			padding: 0.3rem 1rem 0 0.3rem;
			color: rgb(250,251,253);
			color:rgb(38,43,47);
			font-weight: 400;
			border: 0 solid rgba(0,0,20,0.8);
			background: rgba(100,0,20,0.8);
			background: rgba(55,63,68,0.05);
			z-index: 200;
			}
			@media screen and (max-width: 414px){
				#featured-post h1.widget-title.bookmark{
				display: block;
				position: relative;
				top: 0;
				height: auto;
				padding: 0 0 0 0.3rem;
				}
			}
	
	#featured-post h1.widget-title.bookmark:after { 
			content:"";
			position: absolute; 
			top: 0; 
			left:100%; 
			border: 1.5rem solid rgba(100,0,20,0.8); /* All borders set */
			border: rgba(55,63,68,0.05);
			border-left:  0; /* Remove left border */
			border-right: 0.5rem solid transparent; /* Right transparent */
			}
			@media screen and (max-width: 414px){		
				#featured-post h1.widget-title.bookmark:after { 
					border: 0;
					}
				}
		
	.flexslider {
			margin: 0;
			background: transparent;
			border: 0px;
			position: relative;
			zoom: 1;
			-webkit-border-radius: 0;
			border-radius: 0;
			-webkit-box-shadow: 0 0 0 0;
			box-shadow: 0 0 0 0 ;
			}
	
	#featured-slider .slides li{
			position: relative;
			border: 0;
			}
	
	#featured-slider .story{
			position: absolute;
			top: 5%;
			right: -1px;
			width: 40%;
			height: auto;
			padding: 4%;
			font-weight: 400;
			color: rgb(120,120,120);
			background: rgba(255,255,255,0.9);
			}
			@media screen and (max-width: 834px){
				#featured-slider .story{
					position: absolute;
					top: initial;
					bottom: 0;
					left: 0;
					width: 100%;
					height: 20%;
					padding: 2%;
					}
				}
			@media screen and (max-width: 414px){
				#featured-slider .story{
					height: 35%;
					padding: 2%;
					background: rgba(255,255,255,1);
					}
				}
						
	#featured-slider h3.post-title{
	 		display: block;
	 		margin: 0;
			padding: 0;
			font-family: "Alegreya", sans-serif;
			font-size: 1.5em;
			line-height: 110%;
			font-weight: 400;
			width: 100%;
			text-align: left;
			color: rgb(10,10,10);
			background: transparent;
			}							
			@media screen and (max-width: 834px){
				#featured-slider h3.post-title{
					font-size: 1.2rem;
					font-weight: 600;
					}	
				}
	
	#featured-slider .post-author {
			display: none;
			margin-top: 5px;
			font-family: "Libre Baskerville", serif;
			}
	
	#featured-slider .post-author:after{
			content: '';
			}		
			
	#featured-slider .post-author span {
			font-style: italic;
			}
	
	#featured-slider p.summary {
			margin-top: 10px;
			font-size: 0.8rem;
			line-height: 140%;
			color: rgb(80,80,80);
			}		
			@media screen and (max-width: 834px){
				#featured-slider p.summary {
					display: none;
					}
				}
	
	#featured-slider .post-date {
			display: inline-block;
	  		position: relative;
	  		top: 0;
	  		width: 60%;
	  		margin-top: 10px;
			padding: 0;
			padding-left:1%;
			font-style: italic;
			font-family: "Libre Baskerville", serif;
			font-weight: 500;
			font-size: 90%! important;
			color: rgb(10,10,10);
			line-height: 50%;
			text-align: left;
			letter-spacing: 0;
			}
	#featured-slider .post-date:after{
			content: '';
			}		
	
	#featured-slider .post-comments {
			display: inline-block;
			float: right;
	  		position: relative;
	  		top: 0;
	  		margin-top: 10px;
			padding: 0;
			padding-right:8%;
			font-style: italic;
			font-family: "Alegreya", sans-serif;
			font-weight: 500;
			font-size: 1em;
			color: rgb(10,10,10);
			line-height: 50%;
			text-align: right;
			letter-spacing: 0;
			}
	 
	#featured-slider .post-thumb {
			position: relative;
			width: 100%;
			float: none;
			margin: 0 auto;
			margin-bottom: 0;
			padding:0;
			padding-bottom: 0;
			overflow: hidden;
			border-radius: 0.2%;
			}
				
	#featured-slider .post-thumb:before{
			position: relative;
			display: block;
			content: '';
			padding: 0;
			padding-top: 45%;
			}
			@media screen and (max-width: 834px){
				#featured-slider .post-thumb:before{
					padding-top: 60%;
					}
				}
			@media screen and (max-width: 414px){
				#featured-slider .post-thumb:before{
					padding-top: 85%;
					}
				}
			
	#featured-slider .post-thumb img {
			position: absolute;
			top: 0;
			left: 0;
			min-width: 100%;
			min-height: 100%;
			border-radius: 0.2%;
			-webkit-filter: sepia(99%) hue-rotate(150deg) saturate(10%);
			filter: sepia(99%) hue-rotate(150deg) saturate(10%);
			transition: all 1s ease-in-out;
			}	
				
	#featured-slider .flex-direction-nav .flex-prev {
			border-radius: 50%;
			background: rgba(251,253,254,0.8);
			}

	#featured-slider .flex-direction-nav .flex-next {
			border-radius: 50%;
			background: rgba(251,253,254,0.8);
			}
			@media screen and (max-width: 834px){
				 .flex-direction-nav a	{
					 top: 30%!important;
					 }
			}			
			@media screen and (max-width: 414px){
				.flex-direction-nav a	{
					top: 25%!important;
					}			
				}
		
	.flex-control-nav li {
			margin: 10px
			}	
			@media screen and (max-width: 834px){
				.flex-control-nav {
					display: none;
					}	
				}		
					
	.flex-control-paging li a {
			width: 9px!important;
			height: 9px!important;
			}
	.flex-control-paging li a.flex-active{
			background: rgb(100,20,30)!important;
			}




/*---------------------------------------------------------------------------------------
    FEATURED SLIDER IN THE SECTIONS                                              
  --------------------------------------------------------------------------------------*/
  	
  	#section .fpslider{
	 		margin-bottom: 4rem;
	 		}
  	
  	#section .slider-wrap{
			width: 70%;
			max-width: 1000px;
			}
			@media screen and (max-width: 1024px){
				#section .slider-wrap{
					width: 100%;
					}
				}

	#section #featured-slider .post-thumb {
			margin-bottom: 0;
			border: solid 4px rgba(30,80,116,0.2);
			}
	
	#section #featured-slider .post-thumb img {
			-webkit-filter: sepia(30%) hue-rotate(0) saturate(40%);
			filter: sepia(30%) hue-rotate(0) saturate(40%);
			transition: all 1s ease-in-out;
			}	
			
			
/*--------------------------------------------------------------------------------------
     'O F F G   S E C T I O N S'   T E X T   W I D G E T  (the icons NOT the page)                                                          
----------------------------------------------------------------------------------------*/
	
					     /*SOME NOTES ABOUT THE ARCHITECTURE 
				 	This is the container for the 'OFFG SECTIONS' icons 
				    on the FRONT PAGE (& maybe elsewhere if needed). */
	
	
	.widget_OffG_sections{}
		@media screen and (max-width: 600px){
			.widget_OffG_sections{
				display: none;
				}
			}	
			
		#ogs-icons{
			position: relative;
			max-width: 1400px;
			margin: 0 auto 0;
			padding: 0 1rem;
			align-content: center;
			}
				
		#icon_container {
			position: relative;
			width: 80%;
			margin: 0 auto;
			padding:0;
			border: 0;
			background: transparent;
			}	
			
	/*--------------------     FOR SECTION & POST/PAGE ICONS        ----------------------*/	
			
/* create separation from main page since these 
icons are appearing on tHe bottom of the page*/
	.content-wrap-spp .widget_OffG_sections{
			margin: 0 -9999rem;
			padding:0 9999rem;	
			border: solid rgba(30,80,116,0.05);
			border-width: 2px 0;
			background: rgba(30,80,116,0.04);
			}
	
		
	
	/*--------------------  FOR FRONT PAGE ICONS  ----------------------*/	
	
	.content-wrap-fp  #ogs-icons{
			margin: 0 auto 14rem;
			width: 95%;
			max-width: 1330px;
			padding: 0 1rem;
			}
			@media screen and (max-width: 834px){
				.content-wrap-fp #ogs-icons {
					width: 100%;
					margin: 0 auto 8rem;
					padding: 0 0.5rem;
					}
				}	
			 
	
	/*-------------------   FOR INTERNAL PAGE ICONS   -----------------------*/			
	.content-wrap-spp  #ogs-icons{
			margin: 0 auto;
			width: 80%;
			padding: 2rem 1rem;
			}
			@media screen and (max-width: 834px){
				.content-wrap-spp #ogs-icons {
					width: 100%;
					padding: 0 1rem;
					}
				}	
					
	#ogs-icons h1.widget-title{
			display: block;
			margin: 0 auto 1rem;
			padding: 0;
			padding-left: 0;
			font-family: "Alegreya Sans", sans-serif;
			font-size: 1.8rem;
			font-weight: 400;
			letter-spacing:0.06rem;
			word-spacing: 0.2rem;
			color: rgb(17,38,41);
			text-align: center;
			background: transparent;
			}
	
	#ogs-icons h4.subtitle{
			display: block;
			text-align: center;
			margin-bottom: 1rem;
			font-size: 1.2rem;
			}
		
	
	
	.ogs-icon h3.post-title {
			margin-top: 2px;
			font-family: "Alegreya Sans SC", sans-serif;
			font-weight: 400;
			font-size: 1rem;
			line-height: 100%;
			text-align: center;
			}
			@media screen and (max-width: 768px){
			.content-wrap-fp .ogs-icon h3.post-title {
				font-size: 0.8rem;
				}
			}

  	.content-wrap-spp .ogs-icon h3.post-title {
  			font-size: 0.8rem;
 			 }

	.ogs-icon .post-thumb {
			display: block;
			position: relative;
			float: none;
			margin: 0;
			padding:0;
			overflow: hidden;
			border: 0;
			box-sizing: border-box;
			border-radius: 2%;
			}
	
	.ogs-icon .post-thumb:before{
			position: relative;
			display: block;
			content: '';
			padding-top: 100%;
			}
	
	.ogs-icon .post-thumb img {
			position: absolute;
			top: 0;
			left: 0;
			min-width: 100%;
			min-height: 100%;
			margin: 0 auto;
			opacity: 0.9;
			-webkit-filter: saturate(80%) sepia(0) grayscale(0);
			filter: saturate(80%) sepia(0) grayscale(0);
			-webkit-transition: all 1s ease;
			transition: all 1s ease;
			}

    .ogs-icon:hover .post-thumb img{
			opacity: 0.6;
			}


	
	/*------------------   FOR POST-SIDEBAR ICONS   -----------------*/	
	
	#post-sidebar .widget_OffG_sections{
			margin: 0;
			padding: 0;
			border: 0;
			background: transparent;
			}
		
	#post-sidebar 	#ogs-icons h1.widget-title{
			font-size: 100%;
			margin: 0;
			padding: 0;
			text-align: center;
			white-space: initial;
			font-weight: 600;
			}
	
		
		
	#post-sidebar #icon_container {
			position: relative;
			display: block;
			width: 100%;
			margin: 0 auto;
			padding:0;
			border: 0;
			background: transparent;
			}
			@media screen and (max-width: 1200px){	
				#post-sidebar #icon_container {
					display:none
					}
				}
	
	#post-sidebar .ogs-icon {
 			display: block;
			position: relative;
    		width: 100%;
			}		


						
/*---------------------------------------------------------------------------------------
   OGS icons NON-GRID VERSION                                                            
  --------------------------------------------------------------------------------------*/

		#icon_container {
			position: relative;
			display: block;
			}
		
		#icon_container:after {
			display: block;
			content: '';
			clear: left;
			}		
		
		.ogs-icon{	
			float: left;
			width: 14.2%;
			margin:0 ;
			padding: 0 2%;
			}	

	/*---------------------------------------------------------------------------------------
   OGS icons GRID VERSION  (WILL OVERRIDE ABOVE ON ALL BROWSWER THAT SUPPORT GRID)                                                            
  --------------------------------------------------------------------------------------*/
		
@supports (display: grid){
		
		#icon_container {
			display: grid;
			grid-template-columns: repeat(7, 1fr);
			grid-column-gap: 1.5rem;
			grid-row-gap: 2rem;

			}
			@media screen and (max-width: 1024px){	
				#icon_container {
					width: 100%;
					padding: 0 0.4rem;
					}		
				}	
			@media screen and (max-width: 834px){	
				#icon_container {
					margin-bottom: 6rem;
					}		
				}	
	
	.ogs-icon {
 			display: block;
			position: relative;
    		width: 100%;
			}
		}

	
			


/*---------------------------------------------------------------------------------------
            "W O R D P R E S S   P O P U L A R   P O S T S"   W I D G E T                                                              
  --------------------------------------------------------------------------------------*/


	#BTL {
			position: relative;
			margin: 0 auto 4rem;
			padding: 0 0 0 1rem;
			}

	
		
	#BTL p{
			max-width: 40em;
			margin: 0  0 3rem ;
			font-family: "Alegreya Sans", sans-serif;
			font-size: 120%;
			font-weight: 400;
			letter-spacing: 0.05vw;
			line-height: 120%;
			color: rgb(20,21,23);
			}	

	.wpp-list {
			display: grid;
			position: relative;
			grid-template-columns: repeat(3, 1fr);
			grid-column-gap: 1.5rem;
			grid-row-gap: 2rem;
			max-width: 1400px;
			margin: 0 auto 4rem;
			padding: 0;
			border: 0;
			background: transparent;
			}
			@media screen and (max-width: 414px){
				.wpp-list {
					grid-template-columns: repeat(1, 1fr);
					grid-column-gap: 0;
					}
				}
	
	.wpp-list li {
			position: relative;
			overflow: hidden;
			}

	.wpp-list li .entry-thumb {
			position: relative;
			width: 100%;
			float: none;
			margin: 0;
			padding:0;
			overflow: hidden;
			border: solid 2px rgb(200,200,210);
			box-sizing: border-box;
			border-radius: 2px;
			}
			@media screen and (max-width: 834px){
				.wpp-list li .entry-thumb {
						border-radius: 0;
						}
					}
		
	.wpp-list li .entry-thumb:before{
			content: '';
			display: block;
			padding-top: 70%;
			}
			@media screen and (max-width: 414px){
				.wpp-list li .entry-thumb:before{
					padding-top: 50%;
					}
				}
						
	 img.wpp-thumbnail,
	 img.wpp-thumbnail.wpp_def_noPath.wpp_featured{
			position: absolute;
			top: 0;
			left: 0;
			min-width: 100%;
			min-height: 100%;
			margin: 0 auto;
			-webkit-filter: sepia(99%)  saturate(10%) ;
			filter: sepia(99%)  saturate(10%);
			transition: all 1s ease-in-out;
			}
			@media screen and (max-width: 834px){
				 img.wpp-thumbnail,
				 img.wpp-thumbnail.wpp_def_noPath.wpp_featured{
					left: 0;
					min-width: 100%;
					min-height: 100%;
					}
				}
	
	.wpp-list li .wpp-post-title{
			position: absolute;
			bottom: 0;
			width: 100%;
			padding: 10% 2%;
			text-align: center;
			background: rgba(255,255,255,0.8);
			-webkit-transform: translateY(100%);
			transform: translateY(100%);
			-webkit-transition: all 0.2s ease;
			 transition: all 0.2s ease;
			 }
			@media screen and (max-width: 414px){
				.wpp-list li .wpp-post-title{
				font-size: 1.1rem;		
				}
			}
	
	.wpp-list li:hover .wpp-post-title{
			-webkit-transform: translateY(0);
			transform: translateY(0);
			}			
			@media screen and (max-width: 834px){
				.wpp-list li:hover img.wpp-thumbnail {
					transform: scale(1);
					}
				}

	.wpp-list li .wpp-post-title, 
	.wpp-list li .wpp-post-title:hover{
			color:rgb(0,0,0);	
			}
			@media screen and (max-width: 834px){
				.wpp-list li .wpp-post-title{
					display: block;
					position: relative;
					width: 100%;
					margin-top: 4px;
					padding:0;
					font-size: 130%;
					text-align: left;
					background: rgba(255,255,255,0);
					-webkit-transform: translateY(0);
					transform: translateY(0);
					}
				}
				
   	.post-stats{
			position: absolute;
			top: 1rem;
			width: auto;
			height: 3rem;
			padding: 0 1rem 0 ;
			background: rgba(100,20,30,0.8);
			background: rgba(220,220,220,0.8);
			z-index: 2000;
			}
			@media screen and (max-width: 834px){
				.entry-stats{
					position: absolute;
					bottom: initial;
					top: 10px; 
					}
				}	
	
  	.post-stats:after{
			display: inline-block;
			position: absolute;
			top: 0;
			left: 100%;
			content:'';
			width:0;
			height: 0;
			border: 1.5rem solid rgba(100,20,30,0.8); /* All borders set */
			border: 1.5rem solid rgba(220,220,220,0.8); 
			border-left:  0; /* Remove left border */
			border-right: 1rem solid transparent; /* Right transparent */
			 }		
  
  	.wpp-date{
			position: relative;
			font-size: 95%;
			font-style:italic;
			font-family: "Alegreya Sans";
			font-weight: 500;
			color: rgb(10,10,10);
			}
	
  	.wpp-date a{
			color: rgb(60,60,60);
			}

  	.wpp-list li .wpp-post-title{
			font-size: 1.3rem;
			font-family: "Alegreya";
			line-height: 130%;
			font-weight: 500;
			color:rgb(05,06,07);
			background: rgba(255,255,255,0.8);
			-webkit-transition: all 0.2s ease;
			 transition: all 0.2s ease;
			}

	.wpp-list li .wpp-post-title, 
	.wpp-list li .wpp-post-title:hover{
			color:rgb(0,0,0);	
			}

	.wpp-comments,
	.wpp-views{
			margin-top: -50%;
			padding-top: 50%;
			position: relative;
			font-style:normal;
			font-family: "Alegreya Sans";
			font-weight: 400;
			font-size: 1.5rem;
			color: rgb(10,10,10);
			}
			@media screen and (max-width: 834px){
				.wpp-comments{
					 font-size: 1.4rem;
					}
				}
			
	.wpp-comments:before,
	.wpp-views:before{
			font-family: "Font Awesome 5 Free";
			font-weight: 900;
			display: inline-block;
			-webkit-font-smoothing: antialiased;
			color: rgb(10,10,10);
			text-align: center;
			padding: 0;
			padding-right: 10px;
			font-size: 1.8rem;
			}		
	
	.wpp-list .fa-eye{
			margin: 0.8rem 0 0;
			padding:  0 5px;
			color: rgb(100,0,30);
			font-size: 1.4rem;
			}
	
	.wpp-list .fa-comments{
			margin: 0.4rem 0  0;
			padding: 0 5px;
			color: rgb(100,0,30);
			font-size: 1.9rem;
			}


/** fallback for browsers that DO NOT support grid **/

	@supports not (display: grid) {
			
			.wpp-list:after {
				display: block;
				content: '';
				clear: left;
				}
			.wpp-list li{
				float: left;
				width: 33%;
				margin: 0 0 1rem;
				padding: 0 1.2%;
				height: auto;
				}
			.site-content-fp #BTL p{
				width: 70%;
				margin: 2rem 0;
				padding-left: 1rem;
				}	
			.site-content-fp #BTL h3.widget-title{
				padding-left: 1rem;
				}
			.site-content-fp .wpp-list {
				padding-left: 0.3rem;
				}
				@media screen and (max-width: 834px){
					.wpp-list {
						margin: 0 auto;
						}
					.wpp-list li{
						display: inline-block;
						float:left;
						width: 50%;
						margin:  0  0 10px;
						padding: 0 2% ;
						height: 200px;
						}
				} 
				@media screen and (max-width: 414px){
					.wpp-list {
						margin: 0 auto;
						}
					
					.wpp-list li{
						
						display: block;
						float:left;
						width: 100%;
						margin:  0  0 1rem;
						padding: 0 ;
						height: auto;
						}
					} 
				}


/*-----------------------------  POST SIDEBAR "WP PP" ----------------------------*/                                                         

	

	#post-sidebar #BTL {
			position: relative;
			width: 100%;
			margin: 0 auto 0 ;
			padding: 0;
			}	

	#post-sidebar .wpp-list {
			display: block;
			position: relative;
			width: 90%;
			max-width: 115px;
			margin: 0 auto ;
			}
			
	#post-sidebar .wpp-list li {
			display: block;
			position: relative;
			overflow: hidden;
			width: 100%;
			margin: 1rem 0;
			}
			@media screen and (max-width: 1200px){
				#post-sidebar .wpp-list li{
					float: left;
					width:20%;
					padding: 0 5px;
					}
				}
			@media screen and (max-width: 414px){
				#post-sidebar .wpp-list li{
					float: none;
					width:100%;
					display:none;
						}
				}
	

		
	#post-sidebar .wpp-list li .wpp-post-title{
			display: block;
			position: relative;
			width: 100%;
			margin-top: 4px;
			padding:0;
			font-size: 90%;
			text-align: center;
			background: rgba(255,255,255,0);
			-webkit-transform: translateY(0);
			transform: translateY(0);
			}
			@media screen and (max-width: 768px){
				#post-sidebar .wpp-list li .wpp-post-title{
					font-size: 80%;
						}
				}
		
	#post-sidebar .wpp-list li .entry-thumb:before{
			content: '';
			display: block;
			padding-top: 90%;
			}
			@media screen and (max-width: 414px){
			 #post-sidebar .wpp-list li .entry-thumb:before{
					padding-top: 80%;
					}	
				}	

/*---------------------------------------------------------------------------------------
            "S U B S C R I B E 2"   W I D G E T                                                              
  --------------------------------------------------------------------------------------*/

		.s2_form_widget {
			margin: 3rem auto 1rem;
			text-align: center;
			}
			
		.s2_form_widget  h3.widget-title {
			font-size: 200%;
			}
			
		.s2_form_widget input {
			margin: 0 0 2rem;
			}
		
		.s2_form_widget label{
			display: none
			}		
	
		.s2_form_widget a{
			color: rgb(120,0,30);
			
			}
	
				
/*---------------------------------------------------------------------------------------
           "B E T T E R   R E C E N T   C O M M E N T S"   W I D G E T                                                                          
  -------------------------------------------------------------------------------------*/
	

	.recent-comments-list {
			list-style-type: none;
			padding-left: 0;
			margin-left: 0;
			}
	
	.recent-comments-list.with-avatars .comment-avatar {
			position: absolute;
			left: 0;
			top: 4px;
			}
	
	.recent-comments-list.with-avatars img.avatar {
			filter: sepia(70%) saturate(10%);
			-webkit-filter: sepia(70%) saturate(10%);
			}	
			
	 .recent-comments-list.with-avatars, 
	 .recent-comments-list.with-avatars .recent-comment {
			list-style: none;
			padding-left: 0;
			margin-left: 0;
			}				
	.recent-comments-list {
			list-style-type: none;
			padding-left: 0;
			margin-left: 0;
			}		

  	.recent-comments-list .comment-author-link {
  			font-family: "Alegreya Sans SC";
			font-weight: 600;
			font-size: 1.2rem;
			padding-right: 5px;
			}		
	
	.recent-comments-list .comment-post {
	font-family: "Open Sans";
			font-weight: 600;
			font-size: 0.85rem;
			font-style: italic;
			padding-left: 5px;
			line-height: 100%;
			}			
	.recent-comments-list .comment-date {
			font-size: 0.85rem;
			font-weight: 500;
			font-style: italic;
			opacity: 1;
			}
	.recent-comments-list .comment-date a {
			text-decoration: none;
			border-bottom: none;
			}		
	
	.widget_recent_comments .recent-comments-list .comment-date {
			margin-top: 2px;
			}		
	
	.recent-comments-list .comment-excerpt + .comment-date, 
	.recent-comments-list .comment-post + .comment-date {
			display: block;
			margin-bottom: 1px;
			font-size: 0.7rem;
			overflow-wrap: break-word;
  			word-wrap: break-word;
  			-ms-word-break: break-all;
  			word-break: break-word;
  			-ms-hyphens: auto;
 			 -moz-hyphens: auto;
  			-webkit-hyphens: auto;
  			hyphens: auto;
  			}
  			
  	.recent-comments-list .comment-excerpt{
			display: block;
			margin-bottom: 0;
			padding: 3px;			
			font-family: "Open Sans";
			font-size: 0.75rem!important;
			color: rgb(120,121,121);
			margin-bottom: 1px;
			overflow-wrap: break-word;
  			word-wrap: break-word;
  			-ms-word-break: break-all;
  			word-break: break-word;
  			-ms-hyphens: auto;
 			 -moz-hyphens: auto;
  			-webkit-hyphens: auto;
  			hyphens: auto;
			}		
	
	
			
	
/* Some themes style lists with custom bullets using the ::before selector, so we account for that here */
	
	.recent-comment::before {
			position: relative;
			vertical-align: top;
			display: block;
			}
	.recent-comment .comment-wrap {
			display: block;
			line-height: 110%;
			}
	.recent-comments-list.with-avatars .recent-comment::before {
			content: '' !important;
			text-indent: 0;
			padding: 0;
			margin: 0;
			}

	
/* Better Recent Comments in post sidebar*/
	#post-sidebar .recent-comments-list .comment-post {
			font-size: .8rem;
			font-style: italic;
			padding-left: 5px;
			}	 
	
	

 	 #post-sidebar .recent-comments-list .comment-author-link {
			font-size: 1rem;
			}		

/
			
	
/*---------------------------------------------------------------------------------------
           " S U P P O R T   U S "   W I D G E T -PAYPAL, PATREON & BITCOIN                                                   
  -------------------------------------------------------------------------------------*/
			
	#support-us{
			margin: 4rem auto 6rem;
			}

	div.support-us{
			width: 100%;
			max-width: 42rem;
			margin: 0 auto;
			padding: 0 1rem;
			}
	
	 h3.widget-title.support-us{
			margin: 0 auto;
			}
		
	.support-us h3 {
			margin: 0 auto 1rem;
			padding:0;
			font-weight:600;
			font-family: "Alegreya Sans SC";
			font-size: 140%;
			text-align: center;
			color:rgb(150, 150.150);
			}
	.support-us p{
			margin: 0 auto 1rem;
			padding:0;
			font-size: 110%;
			font-weight: 500;
			text-align:center;
			}
	
	p.JTR{ 
			text-align: center; 
			font-size: 95%; 
			font-weight: normal; 
			margin-bottom: 0.5rem; 
			margin-top: 4rem
			}
			@media screen and (max-width:834px){
			p.JTR{
				max-width: 100%;
				font-size: 85%;
				}
			}
			@media screen and (max-width:414px){
			p.JTR{
				max-width: 100%;
				font-size: 83%;
				word-break: break-word;
				}
			}
	.support-us-imgbox{
			width: auto;
			max-width: 430px;
			margin:0 auto;
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			align-content:center;
			grid-column-gap: 10px;
			}
			@media screen and (max-width:834px){
			.support-us-imgbox{
				grid-column-gap:5px;
				}
			}
			@media screen and (max-width:414px){
			.support-us-imgbox{
				max-width: 100%;
				grid-column-gap:2px;
				}
			}	
				
	.support-us img
	{ 
			display: inline;
			max-width: 100px;
			margin: 0 ;
			place-self:center;
			-webkit-filter: saturate(60%);
			filter: saturate(60%);	
			}	
			
			@media screen and (max-width:834px){
			.support-us img{
				max-width: 100px;
				}
			}	
			@media screen and (max-width:414px){
			.support-us img{
				max-width: 80px;
				}
			}
			
	/*DONOR BOX STUFF*/
.support-us2{
		padding-bottom:2rem;
		border:2px solid; 
		border-color: rgb(100,0,30); 
		width:40rem;
		margin:2rem auto 1rem;"
	}
	}
			@media screen and (max-width:834p){
			.support-us2{width:100%}
			}
			@media screen and (max-width:414px){
			.support-us2{width: 100%}
			}
		
.support-us2-widget{
		padding-bottom:2rem; 
		width:40rem;
		margin:2rem auto 1rem;"
	}
	}
			@media screen and (max-width:834p){
			.support-us2-widget{width:100%}
			}
			@media screen and (max-width:414px){
			.support-us2-widget{width: 100%}
			}
		
.support-us2-imgbox{
			width: auto;
			max-width: 425px;
			margin:0 auto;
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			align-content:center;
			grid-column-gap: 5px;
			}
			@media screen and (max-width:834px){
			.support-us2-imgbox{max-width:100%
				grid-column-gap:3px;
				}
			}
			@media screen and (max-width:414px){
			.support-us2-imgbox{
				max-width: 100%;
				grid-column-gap:2px;
				}
			}

.support-us2	img { 
			display: inline;
			max-width: 100px;
			margin: 0 ;
			place-self:center;
			-webkit-filter: saturate(60%);
			filter: saturate(60%);	
			}	
			
			@media screen and (max-width:834px){
			.support-us2 img{
				max-width: 100px;
				}
			}	
			@media screen and (max-width:414px){
			.support-us2 img{
				max-width: 90px;
				}
			}

.support-us2-widget	img { 
			display: inline;
			max-width: 100px;
			margin: 0 ;
			place-self:center;
			-webkit-filter: saturate(60%);
			filter: saturate(60%);	
			}	
			
			@media screen and (max-width:834px){
			.support-us2-widget img{
				max-width: 100px;
				}
			}	
			@media screen and (max-width:414px){
			.support-us2-widget img{
				max-width: 90px;
				}
			}				
/*---------------------------------------------------------------------------------------
                      			MOLONGUI AUTHORBOX WIDGET
  --------------------------------------------------------------------------------------*/
				

	.molongui-author-box{
			max-width: 42rem
			}
		
.molongui-author-box .molongui-author-box-container[min-width~="600px"] .molongui-author-box-content[data-profile-layout='layout-7'].molongui-author-box-profile .molongui-author-box-social, .molongui-author-box .molongui-author-box-container[min-width~="600px"] .molongui-author-box-content[data-profile-layout='layout-8'].molongui-author-box-profile .molongui-author-box-social{
			align-self: center;
			}


	.post .molongui-author-box p:first-of-type:first-letter{
			float: none;
			padding: 0;
			font-size: initial;
			color: initial;
			line-height: 100%;
			font-family: 'Alegreya Sans';
			}