/* HTML ------------------------------------------------------ */
body {
    background-color: #111;
    color: whitesmoke;
}
strong {
		font-weight: bold;
}
body {
		font-weight: initial;
}

a, a:link, a:visited {
	color: white;
	-webkit-transition: color .2s linear;
	-moz-transition: color .2s linear;
	-o-transition: color .2s linear;
	-ms-transition: color .2s linear;
	transition: color .2s linear;
        color: rgb(26, 187, 230);
}

a:hover {
	color: crimson;
}

input[type="text"], input[type="email"], input[type="password"], textarea,
#commentform textarea, #commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"],
wpcf7-form-control wpcf7-textarea
{
    border: 1px solid dimgray;
    border-left: 3px solid gray;
    border-radius: 0;
    color: gray;
    font-size: 1em;
    background-color: transparent;
 box-sizing: border-box;
 margin:0;
 display: block;
 width:100%;
 padding: 0.5em;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus,
#commentform textarea:focus, #commentform input[type="text"]:focus, #commentform input[type="email"]:focus, #commentform input[type="url"]:focus {
    border: 1px solid lightgray;
    border-left: 3px solid #fbad18;
    color: whitesmoke;
}

input[type="reset"], input[type="button"], input[type="submit"] {
    font-size: 0.7em;
    font-weight: normal;
    background-color: #fbad18;
    color: inherit;
    padding: 0.5em 1em;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    transition: color 300ms ease 0s, background-color 300ms ease 0s;
}

input[type="submit"]:hover {
    background-color: crimson;
    color: white;
}

sup, sub {
 font-size: 0.7em;
}

/* ELA */

.w400 {
	max-width: 400px;
}
.w500 {
	max-width: 500px;
}
.w600 {
	max-width: 600px;
}
.w800 {
	max-width: 800px;
}
.w900 {
	max-width: 900px;
}

/* */
/* WP classes -------------------------------------------- */

.comment-notes {
 font-size: 0.9em;
 line-height: 1.3em;
}

span.comment_date {
    display: none;
}

a.comment-reply-link {
    font-size: 0.7em;
    font-weight: inherit;
    font-weight: 400;
    color: white;
 padding: 0.5em 1em;
}
a.comment-reply-link:hover {
 background-color: crimson;
 color: white;
}
.commentlist li {
    border-bottom: none;
    background-color: rgba(26, 187, 230, 0.1);
    background: linear-gradient(to bottom, rgba(26, 187, 230, 0.05), rgba(220, 20, 60, 0));
 padding:10px;
 margin-bottom: 5px;
}

.entry-content h2
, .entry-content h3
, .entry-content h4
, .entry-content h5
, .entry-content h6 {
		margin: inherit;
		margin: 0.5em 0 0.25em 0;
		letter-spacing: 0.05em;
}

.entry-content h2 {
 font-size: 1.5em;
}
.entry-content h3 {
 font-size: 1.2em;
}
.entry-content h4 {
 font-size: 1.1em;
}
.entry-content h5 {
 font-size: 1.05em;
}
.entry-content h5 {
 font-size: 1.025em;
}

.entry-content blockquote {
     padding: 0.5em 1em 0.1em 1em;
 border: none;
 zmargin-bottom: 45px;
  margin-bottom: 2em;
 background-color: rgba(220, 20, 60, 0.05);
 background: linear-gradient(45deg, rgba(20, 20, 60, 0.5), rgba(220, 20, 60, 0));
		margin: 0 1em 1em 1em;
}

.entry-content blockquote p {
 padding: 0.6em;
 margin: 0;
 background-color: rgba(220, 20, 60, 0.05);
 background: linear-gradient(45deg, rgba(220, 20, 60, 0.05), rgba(220, 20, 60, 0));
 background: transparent;
 letter-spacing:0.01em;
 zfont-style: italic;
}

article.post .entry-content blockquote p {
 margin-bottom: 0.5em;
}

.entry-content blockquote p:before {
    content: "\f205";
    font-family: "dashicons";
    font-size: inherit;
    opacity: 0.5;
 padding-right: 0.3em;
}
body.single article.post blockquote p, body.page article.page blockquote p {
    zmargin-bottom: -2em;
}

.entry-content blockquote {
    background: none repeat scroll 0 0 #48add8;
    border-radius: 2px;
    zcolor: #fff;
    float: right;
    zfont-family: "raleway";
    font-weight: 300;
    zmargin: 18px 0 18px 18px;
    zmax-width: 38%;
    padding: 10px 20px;
    position: relative;
	line-height: 1.5em;
	background: none repeat scroll 0 0 rgba(72, 173, 216, 0.1);
	}
.entry-content blockquote:after {
    border-right: 14px solid rgba(0, 0, 0, 0);
    border-top: 14px solid rgba(72, 173, 216, 0.1);
    bottom: -14px;
    content: " ";
    display: block;
    height: 0;
    position: absolute;
    right: 20px;
    width: 0;
}

/*page header*/
#main-header {
    margin-top: 15px;
    zbackground: linear-gradient(to right, rgba(220, 20, 60, 0.1), rgba(220, 20, 60, 0));
}

/*site logo*/
#logo a {
 zletter-spacing: 0.03em;
		letter-spacing: -4px;
 zfont-size: 1.5em;
 zline-height: 1em;
 transition: color .3s linear;
 transition: font .3s linear;
 font: 100 50px/60px 'Open Sans';
		font-weight: 100 !important;
}

#logo a:hover {
 color: crimson;
 zletter-spacing: inherit;
 zletter-spacing: 0em;
 transform: scale(-1, 1);
 unicode-bidi:bidi-override;
 direction:rtl;
}

#logo a {

		background: url('/wp-content/uploads/2020/09/Kataclan-logo-v1-inv.svg');
		background-size: 1em;
		background-repeat: no-repeat;
		background-position: left center;
		padding:1.2em;
}

/*rss widget*/
.rsswidget img {
 display: none;
}

#searchform #s:before {
 content: "\f179";
    font-family: "dashicons";
    font-size: 1.5em;
}
#searchform label {
 display: none;
}

body.single #comment-wrap, body.page #comment-wrap {
    padding-top: 0;
}
#comment-wrap {
    background-color: inherit;
}

/*footer*/
#main-footer {
    background-color: inherit;
    padding-bottom: 0;
}
#footer-info {
 zdisplay: none;
 border-top: none;
}
#footer-widgets {
 line-height: inherit;
 line-height: 1.2em;
}
.footer-widget {
 color: inherit;
}
.footer-widget li a {
    zcolor: yellowgreen;
}
.footer-widget li a:hover {
 color: crimson;
}
.footer-widget h4.widgettitle {
 color: inherit;
    font-weight: 200;
    ztext-transform: uppercase;
}


/* */
/* Custom utility classes -------------------------------------------- */

/*blockquotes sources*/
p.quote-source {
 margin-top: -2em;
 float:right;
}

/*clear*/
hr.clear { visibility: hidden; clear:both; margin:0; padding:0 }

/* page custom sub title */
h2.subTitle {
 text-align: center;
 zfont-size: 1.7em;
 font-size: 1.3em;
 font-weight: 200;
 letter-spacing: 0.05em;
 color: rgba(255,255,255, 0.7);
 margin-top: 0;
 margin-bottom: 70px;
}
h2.subTitle [data-icon]:before {
 color: crimson;
}

/* page content intro */
.zintro {
 display: block;
 zfont-size: 1.1em;
 padding: 0.5em 0.5em 0.5em 1em;
 letter-spacing: 0.025em;
 background-color : rgba(220, 20, 60, 0.1);
 border-left: 3px solid rgba(220, 20, 60, 0.5);
 background: linear-gradient(to right, rgba(220, 20, 60, 0.05), rgba(220, 20, 60, 0));
}

.intro {
 text-transform: uppercase;
 display: block;
 text-align: center;
 zfont-size: 1.1em;
 zpadding: 0.5em 0.5em 0.5em 1em;
 zletter-spacing: 0.025em;
 zbackground-color : rgba(220, 20, 60, 0.1);
 zborder-left: 3px solid rgba(220, 20, 60, 0.5);
 zbackground: linear-gradient(to right, rgba(220, 20, 60, 0.05), rgba(220, 20, 60, 0));
}


/* recommended */
.recommended {
    border-left: 8px solid #bfcada;
    padding: 10px;
}

/* Plugin classes -------------------------------------------- */

/*jquery colorbox*/
#colorbox {
 font-family: inherit;
 font-size: 1em;
}
#cboxTitle {
    left: 5px;
    font-size: 0.7em;
    line-height: 0.7em;
    top: -10px;
    text-transform: capitalize;
}
#cboxCurrent {
 diplay: none !important;
 right:-500px;
}
#cboxSlideshow {
    right: 5px;
    font-size: 0.7em;
    line-height: 0.7em;
    top: -10px;
}
#cboxReferer {
 margin-left: 5px;
 border-left: 1px solid gray;
 padding-left: 5px;
}
#cboxName {
 font-weight: bold;
}

/*breadcrumbs */
.breadcrumbs .home {
 content: "\\";
}
.breadcrumbs .home:before {
    content: "";
    zfont-family: "dashicons";
 font-family: "wp-svg-plugin-icon-set1";
    zfont-size: 1.2em;
 vertical-align: text-bottom;
 padding-right: 2px
}

/*author bio box - plugin saboxplugin */
/*WRN: Dynamic css from options : DISABLED (cf ELA version) */
/*NB: A lot of CSS resets here - a pity! */

body.single span.fn a {
    display: inline-block;
}

span.fn, span.fn a {
 color: inherit;
 font-size: inherit;
}
span.fn a:hover {
 color: crimson;
 text-decoration: underline;
}

.saboxplugin-wrap span.fn, .saboxplugin-wrap span.fn a {
    color: inherit;
    font-weight: inherit;
}
.saboxplugin-wrap {
    border: none;
    background: linear-gradient(to right, rgba(26, 187, 230, 0.05), rgba(220, 20, 60, 0));
    padding: 1em 0 1em 0;
    margin: 1em 0;
    color: inherit;
    font-weight: inherit;
}
.saboxplugin-wrap .saboxplugin-gravatar {
 margin-bottom : 0;
}
.saboxplugin-wrap .saboxplugin-gravatar img {
    border: 5px solid #111;
    border-radius: 50%;
    box-shadow: 1px 1px 2px #fff;
}
.saboxplugin-wrap .saboxplugin-authorname {
    margin-bottom: 1.5em;
   font-size: inherit;
}
.saboxplugin-wrap .saboxplugin-authorname a {
    color: inherit;
    font-size: 2em;
}
.saboxplugin-wrap .saboxplugin-authorname a:hover {
 color: crimson;
}
.saboxplugin-desc {
    line-height: 1.5em;
}
.saboxplugin-wrap .saboxplugin-desc .fn {
    color: inherit;
    font-weight: inherit;
}
.saboxplugin-wrap .saboxplugin-desc .author .fn a {
 color: rgb(26, 187, 230);
}
.saboxplugin-wrap .saboxplugin-desc .author .fn a:hover {
 color: crimson;
}

.saboxplugin-wrap .saboxplugin-web  {
 margin: inherit;
 margin : 0.5em 1em 0.7em 1em;
}
.saboxplugin-wrap .saboxplugin-web a {
    color: rgb(26, 187, 230);
    text-decoration: inherit;
}
.saboxplugin-wrap .saboxplugin-web a:hover {
    color: crimson;
}
.saboxplugin-web a {
    font-size: 0.9em;
}
.saboxplugin-web:before {
    color: rgba(26, 187, 230, 0.8);
    content: "";
    font-family: "dashicons";
    margin-right: 0.4em;
}

/*Contact form*/
.wpcf7 {
}

.wpcf7-not-valid-tip {
 margin:-30px 0 20px 0;
 color: #FF4B28;
}

div.wpcf7-validation-errors {
    border: none;
}
div.wpcf7-response-output {
    margin: 0;
    background-color: #FF4B28;
    color: white;
}
.wpcf7-not-valid {
 color: #FF4B28;
}
.wpcf7-form-control-wrap .your-name {
 color: blue;
}

/* (NGG NCG) picture gallery plugin ::*/
.ngg-singlepic:hover {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    background-color: #fbad18;
}
.ngg-gallery-thumbnail img {
    padding: 0px;
    border-radius: 3px;
}
/*thumbs titles on title template (custom ELA)*/
.ngg-gallery-thumbnail span {
    display: block;
    font-size: 13px;
    height: 15px;
    line-height: initial;
    margin-bottom: 10px;
    margin-top: 5px;
    overflow: hidden;
    padding-left: 0;
    width: 100px;
}
.ngg-gallerydescription {
 background: linear-gradient(to right, #fbad18, rgba(220, 20, 60, 0));
 background: linear-gradient(to right, rgba(251, 173, 24, 0.2), rgba(220, 20, 60, 0));
 background: linear-gradient(to right, rgba(26, 187, 230, 0.1), rgba(220, 20, 60, 0));
 padding: 10px;
 font-style: italic;
}
/* test relook ng thumbs gallery */
.ngg-galleryoverview {
    margin: 2em 0;
}
.ngg-galleryoverview h2:before {
 font-family: "dashicons";
 content: "\f128";
 opacity: 0.7;
 vertical-align: bottom;
 padding-right: 0.3em;
}
.ngg-gallery-thumbnail img {
    border-radius: 0px;
}
.ngg-gallery-thumbnail img {
    border: 1px solid #111;
    margin: 0;
    padding: 0;
}
.ngg-gallery-thumbnail img:hover {
    border: 1px solid white;
}
.ngg-gallery-thumbnail {
    margin-right: 0;
}

.ngg-tagcloud a:before {
 zcontent: "#";
}
.ngg-gallery-thumbnail img {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
}
.ngg-gallery-thumbnail img:hover {
      z-index: 1000;
 border-color: #fbad18;
}

/* Serene theme specific-------------------------------------------- */
/* --------------------------------------------------------------- */

/*menu*/
.mobile_menu_bar {
 color: inherit;
 font-size: 55px;
}
.mobile_menu_bar:hover {
 color: inherit;
}
#mobile_menu {
    border-left: 5px solid #fbad18;;
    background-color: rgba(33,33,33,0.9);
}
#et_mobile_nav_menu {
    margin-top: 15px;
}
a.mobile_nav:hover {
 color: inherit;
 color: rgb(26, 187, 230);
}
.nav li ul, .et_mobile_menu {
    background: none repeat scroll 0 0 #111;
}
#top-menu li li a {
    color: inherit;
}
.et_mobile_menu li a {
 color: whitesmoke;
}
#top-menu li li a:hover, .et_mobile_menu li a:hover {
 color: crimson;
}
#top-menu a {
    color: inherit;
}
#top-menu {
    padding-top: 29px;
}

.sub-menu li a {
    font-weight: normal;
}
#top-menu a:hover, #top-menu > li.current-menu-item > a {
    color: white;
}
#top-menu [data-icon]:before {
 opacity: 0.7;
 color: whitesmoke;
}
#top-menu a:hover [data-icon]:before {
 color: #fbad18;
 opacity: 1;
}

/* Non Sorted classes -------------------------------------------- */
/* --------------------------------------------------------------- */

/* hide search btn */
#searchsubmit { display: none; }

body.single .et-no-image .post-content, body.page .et-no-image .post-content {
    background-color: inherit;
}

article.post, article.page {
 background-color: inherit;
}

/* Serene special styles cancelations*/

#container {
    width: 95%;
}

.post-content .title a {
    color: inherit;
}
.post-content .title a:hover {
    color: crimson;
}

/* post meta info*/
.post-content .meta-info {
 color: inherit;
 text-decoration: inherit;
}
.post-content .meta-info a, .read-more {
    color: inherit;
    zfont-weight: inherit !important;
}
.post-content .meta-info a:hover {
 color: crimson;;
 text-decoration: underline;
}

#form-allowed-tags {
 font-size: 0.7em;
}

.et-gallery-slides
, .main-image {
    background-color: inherit;
}

/*override default icon set by Serene*/
[data-icon]:before {
    font-family: "wp-svg-plugin-icon-set1";
    zcolor: #fbad18;
}

/*searchform*/
.searchform input[type="text"] {
 width: 100%;
}

/*hide comments allowed codes*/
#form-allowed-tags { display: none; }

/*author list*/
.shortcode-author-avatars ul.author-list .avatar img, .shortcode-author-avatars ol.author-list .avatar img {
 border-radius: 50%;
}

.photo-tag-remove {
 display: inline-block;
 text-transform: uppercase;
}

.posts-tags-list a:before {
 zcontent: "#";
}

/* post tags list*/
.et-tags {
    margin: 3em 0;
}
.entry-content .et-tags li {
	background-color: none; //bug cf force page style content in Serene?
    color: inherit;
    font-size: 0.8em;
    font-weight: 400;
}
.et-tags li a {
	padding: 0.01em 0.7em;;
	color: inherit;
 	color: #333;
	text-transform: uppercase;
	zfont-variant: small-caps;
}
.et-tags li a:hover {
	background-color: crimson;
}
.et-tags li a:before {
	content: "#";
	margin-right: 0.2em;
}

/*link title in post link in list*/
.blog .format-link .post-content {
  padding-bottom: 5em;
  padding-top: 5em;
}
.format-link .post-content .title, .format-link .post-content .title a {
    font-weight: inherit !important;
    zfont-weight: 100 !important;
    font-size: 1.25em;
    color: inherit !important;
}
.format-link .post-content .title a:hover {
  color: crimson !important;
}

.format-link .top-info .entry-content a {
  color: rgb(26, 187, 230) !important;
  opacity: 0.8;
  font-size: 1em;
}
.format-link .top-info .entry-content a:hover {
  color: crimson !important;
  text-decoration: underline;
  opacity: 1;
}

/* format link post icon remove */
.format-link:before {
    border: none;
}


/*comment form*/
z#commentform textarea, #commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"] {
    font-size: inherit;
}
z.comment-form-comment {
 zbackground-color: transparent;
 zbox-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) inset;
 border: 1px solid gray;
}

z#commentform textarea {
    box-shadow: none;
    background-color: transparent;
    border: none;
 box-sizing: border-box;
 margin:0;
 display: block;
 width:100%
}


/***********************************************/
/*****  MEDIA QUERIES  *************************/
/***********************************************/

@media only screen and ( min-width: 961px ) and ( max-width: 1300px ) {}

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

@media only screen and ( max-width: 768px ) {
	.ngg-gallery-thumbnail img {
		width: 4em;
	}
}

@media only screen and ( max-width: 479px ) {
	#footer-widgets {
		zdisplay: inherit;
	}
	body {
		zbackground: linear-gradient(to right, yellowgreen, rgba(220, 20, 60, 0));
	}

	.meta-date {
		display: none;
	}
	.blog .post-content {
		padding-top:20px;
	}

}

/* PAGE - Categories list */
div.bookmarks h2 {
 color: gray;
}

ul.cat-page-cont li {
 list-style-type: none;
 margin-left: 0.2em;
}
ul.cat-page-cont li:before {
 font-family: "wp-svg-plugin-icon-set1";
 content: "";
 padding-right: 0.3em;
}

/* - ext urls*/
ul.blogroll li {
 list-style-type: none;
 zfont-style: italic;
 zmargin-top: 1.7em;
}
ul.blogroll li a {
 zfont-style: normal;
 font-weight: 600;
}

ul.blogroll li a:before {
 font-family: "dashicons";
 content: "\f319";
 margin-right: 0.4em;
 zcolor: gray;
 opacity: 0.7;
}

/* diaporama */
a.diaporama {
}

a.diaporama img {
 display: inline-block;
 box-sizing: border-box;
 border: 5px dotted #fbad18;
 margin: 0;
 padding: 0;
 max-height: 7em;
 height:4em;
 width:6em;
		background-color: #fbad18;
		background: url('/wp-content/uploads/2020/12/fa-image-white.svg');
		background-size: 100% 100%;
}

a.diaporama img:hover {
 border-color: whitesmoke;
}

a.diaporama img.thumbnail {
 zwidth: 220px;
}


/*sitemap page template*/
article.page ul.sitemap-posts {
 list-style-type: none;
}
.sitemap-post-link:before {
 font-family: "wp-svg-plugin-icon-set1";
 content: "";
 padding-right: 0.3em;
}
.sitemap-post-categories label {
 display: none;
}
.sitemap-post-categories:before {
 font-family: "wp-svg-plugin-icon-set1";
 content: "";
 padding-right: 0.3em;
 margin-left: 2em;
}
.sitemap-post-commentscount label {
 display: none;
}
.sitemap-post-commentscount:before {
 font-family: "wp-svg-plugin-icon-set1";
 content: "";
 padding-right: 0.3em;
 margin-left: 2em;
}
article.page ul.sitemap-pages * {
 list-style-type: none;
}
.sitemap-pages li a:before {
 font-family: "wp-svg-plugin-icon-set1";
 content: "";
 padding-right: 0.3em;
}
article.page ul.sitemap-categories * {
 list-style-type: none;
}
.sitemap-categories li:before {
 font-family: "wp-svg-plugin-icon-set1";
 content: "";
 padding-right: 0.3em;
}
article.page ul.sitemap-rss * {
 list-style-type: none;
}
li.sitemap-rss-posts:before {
 font-family: "wp-svg-plugin-icon-set1";
 content: "";
 padding-right: 0.3em;
}
li.sitemap-rss-posts a:before {
 font-family: "wp-svg-plugin-icon-set1";
 content: "";
 padding-right: 0.3em;
}
li.sitemap-rss-comments:before {
 font-family: "wp-svg-plugin-icon-set1";
 content: "";
 padding-right: 0.3em;
}
li.sitemap-rss-comments a:before {
 font-family: "wp-svg-plugin-icon-set1";
 content: "";
 padding-right: 0.3em;
}

.gMaps {
 display: block;
 width: 99%;
 height: 450px;
 border: none;
}


/* footnotes */
.entry-content .footnotes {
 font-size: 0.8em;
 font-style: italic;
 line-height: 1.5em;
}

.entry-content .footnotes hr {
 margin: inherit;
 margin-bottom: 1em;
 background-color: #333;
}

.welcome [data-icon] {
 font-size:2em;vertical-align: bottom;
}

.elegant { /* force elegant icon font, as WP SVG icons overrides Serene Elegant font*/
    font-family: "ElegantIcons";
}

/*animation classes*/
.pulse {
    -webkit-animation: pulse 4s infinite;
    -moz-animation: pulse 4s infinite;
    -o-animation: pulse 4s infinite;
    animation: pulse 4s infinite;
}
 
@-moz-keyframes pulse {
      0% {-moz-transform: scale(0.9, 0.9); opacity: 0.0;}
     50% {opacity: 1.0;}
    100% {-moz-transform: scale(1, 1); opacity: 0.0;}
}
 
@-webkit-keyframes pulse {
      0% {-webkit-transform: scale(0.9, 0.9); opacity: 0.0;}
     50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1, 1); opacity: 0.0;}
}
 
@keyframes pulse {
      0% {scale: (0.9, 0.9); opacity: 0.0;}
     50% {opacity: 1.0;}
    100% {scale: (1, 1); opacity: 0.0;}
}

/* page navi*/
#container .wp-pagenavi {
 padding:0;
 zwhite-space: nowrap;
 box-sizing: border-box;
}
#container .wp-pagenavi a {
 color: rgba(26, 187, 230);
}
#container .wp-pagenavi a:hover {
 font-weight: 200;
 background-color: crimson;
 border: 1px solid crimson;
	-webkit-transition: background-color .2s linear;
	-moz-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	-ms-transition: background-color .2s linear;
	transition: background-color .2s linear;
}
#container .wp-pagenavi a, 
#container .wp-pagenavi span {
 margin-right: 1%;
 background-color: inherit;
 font-weight: 100;
 font-size: 1.3em;
 display: inline-block;
 border: 1px solid transparent;
}
#container .wp-pagenavi .nextpostslink {
    background-color: inherit;
}
#container .wp-pagenavi span.current {
    background-color: #fbad18;
 font-weight: bold;
 color: #333;
    -webkit-animation: pulse 4s infinite;
    -moz-animation: pulse 4s infinite;
    -o-animation: pulse 4s infinite;
    animation: pulse 4s infinite;
}
#container .wp-pagenavi span.current:hover {
}
#container .wp-pagenavi span.extend {
 display:none;
}

/*correct padding header on citation post + blog list*/
			
/**
.format-quote .top-info .post-content {
    padding: 1em 0em 4em 0em;
 zbackground-color: blue;
}
.format-quote .top-info .post-content blockquote {
 padding-top: 150px;
}
.blog .format-quote .top-info .post-content blockquote p {
 zcolor: rgb(245,245,245);
}
.blog .entry-content blockquote p:before {
    font-size: inherit;
}
.blog .entry-content blockquote p:after{
    content: "\f205";
    font-family: "dashicons";
    font-size: inherit;
    opacity: 0.7;
 padding-left: 0.3em;
}
			
**/
.format-quote .top-info .post-content blockquote {
 background: none;
}			
.blog .entry-content blockquote p:before {
    font-size: inherit;
	opacity: 0.1;
}
.blog .entry-content blockquote p:after{
    content: "\f205";
    font-family: "dashicons";
    font-size: inherit;
    opacity: 0.1;
 padding-left: 0.3em;
}
/* YARPP plugin */
.yarpp-related {
    zpadding: 0 0.5em 1em 0;
}
	
.yarpp-related h3 {
		zpadding: 0.7em 0 0.1em 0.5em;
		font-weight: inherit !important;
}
.yarpp-related .yarpp-thumbnails-horizontal {
			background: linear-gradient(to right, rgba(226, 187, 230, 0.05), rgba(22, 20, 60, 0)) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-sizing: border-box;
	display: block;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail {
    border: none;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
  font-size: 0.6em !important;
	  text-transform: uppercase;
	}

/* border for posts list */
article.post, article.page {
    box-shadow: 0 1px 3px rgba(125, 125, 125, 0.30);
}

/* blog list excerpt*/
.blog .post-content .entry-content p {
  text-transform : uppercase;
  font-size: 0.9em;
  text-align: center;
}
/* hide meta info on single post*/
.single-post .post-content .meta-info {
  zdisplay: none;
    zmargin-bottom: 1em;
    zmargin-top: -2.5em;
    font-style: italic;
    font-weight: 100 !important;
    color: dimgray;
	}
/* blog list hide meta*/
.blog .post-content .meta-info {
  display: none;
	  }
.zzzzzarchive .post-content .meta-info {
	display: none;
}

article.post ul {
  list-style-type: circle;
}

/* date + count colors*/
.meta-comments-count {
    background-color: rgba(26, 187, 230,0.5);
}
.meta-post-date {
    background-color: rgba(251, 173, 24,0.5);
}

/* special styles for photoswipe in nextcellent gallery */
.ela-ncc-ps figure {
	zwidth: 10em;
	  zfloat: left;
	  display: inline-block; 
	  margin: -7px 0px;
}
/*hide fig caption in gallery grid*/
.ela-ncc-ps figcaption.photoswipe-gallery-caption {
  display: none;
}
.ela-ncc-ps img:hover {
	filter: saturate(0) invert(100%);
	opacity: 0.9;
}

.thb-h75 .ela-ncc-ps figure img {
height: 75px;
	width:100px;
}

/*no margin between thumbs*/
.thumb-nomargin .ela-ncc-ps figure {
	  margin: -6px -3px;
	  line-height: initial;
}
.thumb-nomargin .ela-ncc-ps {
    line-height: initial;
}

/* change ps caption style*/
.pswp__caption__center {
  font-size: inherit;
	  color: inherit;
  }
  
  /* test BGA */
article.post-3046{  
	background: linear-gradient(276deg, #ef4b4a, #5f7bb7);
background-size: 400% 400%;
	-webkit-animation: CGA 60s ease ;
-moz-animation: CGA 60s ease ;
animation: CGA 60s ease ;
  }

@-webkit-keyframes CGA {
    0%{background-position:0% 90%}
    50%{background-position:100% 11%}
    100%{background-position:0% 90%}
}
@-moz-keyframes CGA {
    0%{background-position:0% 90%}
    50%{background-position:100% 11%}
    100%{background-position:0% 90%}
}
@keyframes CGA {
    0%{background-position:0% 90%}
    50%{background-position:100% 11%}
    100%{background-position:0% 90%}
}
  
.align-center {
  text-align: center;
		margin: auto;
 }

/* wc shortcodes */
.wc-shortcodes-post-box {
    background: none;
}

.wc-shortcodes-post-border{
    border:none;
}

.altern .wc-shortcodes-posts .wc-shortcodes-post-box:nth-child(2n) {
	background-color: rgba(255,255,255,0.1);
}

/* ps gallery photoswipe opacity bug */
.psgal { opacity: 1 !important; }

/* shortcode NCG gallery+random : fix to 100/75 px no spacing*/
.ngg-galleryoverview .ngg-gallery-thumbnail {
    line-height:0;
}
.ngg-galleryoverview .ngg-gallery-thumbnail a img {
	width: 200px;
	height: 125px;
}

/*force thumbnail 100% width on mobile*/
@media only screen and ( max-width: 480px ) {
	.ngg-galleryoverview .ngg-gallery-thumbnail a img {
		width: 100%;
		height: auto;
	}
	.ngg-galleryoverview .ngg-gallery-thumbnail {
		width: 100%;
	}
}

/* photoswipe */
/* correct gal opacity */
.psgal {
zopacity: 1;
}

/* footer styles */
.footer-logo {
max-height:4em;
opacity:0.7
}

.footer-title {
zfont-family: "Bangers";
letter-spacing: -0.03em;
    font-size: 1.7em;
    line-height: 1em;
    transition: color .3s linear;
    transition: font .3s linear;
		 font-family: 'Open Sans';
		font-weight: 100 !important;
		text-transform: uppercase;
}

.footer-tagline {
font-style: italic;
font-size:1.2em;
}

.footer-widget li {
    line-height: 20px;
    padding: 0 0 0 0.6em;
    margin: 0.3em 0;
    position: relative;
}

/* NGG / NCG */
.ngg-left {
    margin-right: 1em;
}

/* force thb img full width */
.wc-shortcodes-entry-thumbnail img {
		width: 100%;
}

.thb-h20 .wc-shortcodes-entry-thumbnail {
		max-height: 20em;
		overflow: hidden;
}

/* serene - blog titles */
.post-content .title {
		font-family: "Bangers", arial, sans-serif;
}

/* test serene blog image full width */
.main-image img {
		width: 100%;
}

/* FAIL test blog overlay titles */
.zzblog .post-content {
    position: absolute;
    bottom: -127px;
}

/* ela commons */
.hide { display: none; }