/*
Theme Name: BarbaraDaleWP_26
Version: 1.3
Author: original: Updates original
*/
@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";

/* PAGE ID List -- see .rtf to match with styles */
/*/////////////////////////////webfonts/////////////////////////*/
@font-face {
font-family: 'GoodDog';src: url('webfonts/2558A6_0_0.eot');src: url('webfonts/2558A6_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2558A6_0_0.woff') format('woff'),url('webfonts/2558A6_0_0.ttf') format('truetype');
}

/* to remove css TBD - old WP layout responsive
page template uses #middle , .row, then the columns .threecol; .ninecol last; etc --*/
.container {
width: 1024px;
margin: 0 auto;
background-color:rgba(255,255,255,.8);
overflow: hidden;
   min-height: 100%;
}
#middle { background-color: white;}
.error404 #middle {background-color:transparent;  min-height:500px;}

.row .threecol{
margin-right:1%;
width:20%;
min-width:200px;

}
.row .ninecol{
width:79%;
}
#middle .ninecol{
text-align:center;
}
.row .eightcol{
margin-left:41%;
width:57%;
}
.row {
overflow:visible;
max-width:1024px;
background-color:#fff;
}

/* -- end added .css for old WP layout -- */

/* Base - updated 2021 */
html { 
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	background:#fff;
	height: 100%;
	 font-size:62.5%;
}


/* TBD to do: base font size set. */
body {
font-size:1.7rem;/*was 1.4em*/
height: 100%;
font-family: Verdana, Geneva, sans-serif; 
background-color: #ffffff!important;
}
body.home {}
.entry-content {
	padding-bottom:10px; }/* was 40px */
p, 
.entry-content ol, .entry-content ul, .entry-content li { 
padding-left: 15px; padding-right:15px; /* maybe change */
font-family: Verdana, Geneva, sans-serif; 
line-height:1.2;
}
.entry-content li.blocks-gallery-item {padding-left:0; padding-right:0;}
p {font-size: 1.5rem;}
.container p {font-size: 1.5rem; line-height:1.2;}

.entry-content p, .tert-cont p /* books & other pages */
.link-post p/*fav-links page*/ {margin-bottom:15px; margin-bottom:1.5rem; font-size:18px; font-size: 1.8rem; line-height: 1.5;}
/* to do: link colors & info */

.pg-title {margin-bottom:15px; }

.entry-content a.read-more,
.post-blog a.read-more {font-style: italic; font-weight:bold; padding-left: 15px; font-size:95%; /*font-size: 105%;  font-family:'GoodDog', sans-serif;
 letter-spacing:1px;*/ }

 p.has-large-font-size {font-size: 140% !important;}
 .wp-block-cover p {font-size:100%;}
.wp-block-media-text .wp-block-media-text__content {padding:0 0!important; font-size:100%;}

body .col-break-tablets  .wp-block-media-text.is-style-default {margin: 1.5rem auto;}
/* base link colors */
p a:link {color:#0202c7; text-decoration:none; border-bottom:1px solid #0202c7;} /* standard base is #0000EE*/
p a:visited {color:#005282;}
.wp-block-cover-image .wp-block-cover__inner-container a, .wp-block-cover .wp-block-cover__inner-container a,
.wp-block-cover-image .wp-block-cover__inner-container a:link, .wp-block-cover .wp-block-cover__inner-container a:link,
.wp-block-cover-image .wp-block-cover__inner-container a:visited, .wp-block-cover .wp-block-cover__inner-container a:visited {
	color:#fff;
}

/* Headers -- font updated*/
h1, h2, h3, h4, h5, h6, h7, .special-font, span.special-font,
.menu p, .side-blog p, .menu li, .side-blog-title span,
.pagenav li, #sidebar li.page_item {
	font-family:'GoodDog', sans-serif; letter-spacing:1px;}
a.special-font {text-decoration:none !important; font-size:114%;}
a.plain, .plain a, .plain h6, .plain h7 {text-decoration:none !important; color:black; line-height:1 !important;}
.plain h6 {font-size: 2.3rem; font-size:23px;}
h1{
font-size:58px; font-size:5.8rem; /*was 48px*/
}
h2{
font-size:54px;/* was 36px, then 44*/
font-size:5.4rem;
margin:30px 0 10px 0;
}
body.page-template-bdale-art-portfolio h2,
body.page-template-bdale-buy-funny-stuff,
.blog .post-blog h2,
.tiles h2 /*for home page */{font-size:44px; /*update*/
font-size:4.4rem;}
.tiles h2, .tiles h3 {margin-top:0; color:black; }
.tiles .aligncenter {margin-bottom:-10px !important;}
.tiles h2 a, .tiles h3 a {text-decoration:none !important; color:black;}
.tiles {margin-bottom: 50px !important; margin-bottom:5rem;}
.blog .post-blog h2 {margin-top:15px;}
.blog .post-blog h2, .blog .post-blog h2 a {color:#5a5a5a; text-decoration: none;}

.blog .post-blog h2 a:hover,
.entry-content a:hover,
.post-blog a:hover,
.tert-cont a:hover,
.link-post a:hover {color:red;}


h3{
font-size:48px; /*was 34px*/
font-size:4.8rem;
margin:5px 0;
}

.link-post h3/*fav-links page*/ {font-size:38px; /*was 24px*/
font-size:3.8rem;}
h4{
font-size:44px; /*was 24px*/
font-size:4.4rem;
margin:5px 0;
}

h5{
font-size:34px; /*was NA*/
font-size:3.4rem;
margin:5px 0;
}

h2.no-btm,
.no-btm {margin-bottom:2px !important;}
.no-top{margin-top:0; padding-top:0;}
.ln1 {line-height:1.1 !important;}
/* ## WordPress addit
--------------------------------------------- */
.spacer {display:block; clear:both; width:100%; height:20px; height:2rem;}
.wp-block-spacer {min-height:1px; margin-top:0; margin-bottom:0;} /*also see .sidebar-tert specials*/
.wp-block-separator {margin: 2.6rem auto;}
.wp-block-embed { margin: 0 0 1em !important}

.post-loop-entry /*addit */ {border-bottom: 2px dotted #5a5a5a; padding-bottom:1.5rem;}
.post-loop-entry h2 { padding-top: 1.5rem;}
.post-loop-entry:last-of-type {border-bottom: 0px;}
/* to do - blockquote */
blockquote {
font-family: Georgia, serif;
font-size: 18px;
font-style: italic;
width: 97%; /* was 450*/
margin: 0.25em 0;
padding: 2rem 40px; /* was .25em 40px */
line-height: 1.45;
position: relative;
color: #383838;
background:#ececec;
border-radius:10px;
}
.wp-block-quote p.serif, .serif{font-family: Georgia, serif;}
blockquote:before {
display: block;
content: "\201C";
font-size: 70px;
position: absolute;
left:10px;
top: -5px;
color: #0a0a0a;
}
blockquote cite {
color: #444;
font-size: 87%; /* was 97%*/
display: block;
margin-top: 5px;
	font-family: Verdana, Geneva, sans-serif;
}
blockquote cite:before {
content: "\2014 \2009";
}
p.nocomments, .comment-list, ol.commentlist, .commentlist, #respond, .comment-form, h3#comments {display:none !important;}/* remove comments from blog posts */
.posts-nav {padding: 10px 0;}
.posts-nav a {text-decoration: none; color: #906; font-weight:bold; font-size:90%; }
/* .search-results #middle p {margin-bottom: 15px; padding-bottom: 25px; border-bottom: 3px dotted #3a3a3a;}
*/
p.pub-date {font-size:1.2rem!important;}
.single-post p.pub-date { margin-bottom:2rem;}
.search p.pub-date, .search-results p.pub-date {display:none !important;}

/*alignments*/

figure img {}
a.aligncenter img {
	display: block;
	margin: 0 auto;
}
a.alignnone {
	display: inline-block;
}
.alignleft {
	float: left;
	text-align: left;
}
.wp-block-image .alignleft{ }

.alignright {
	float: right;
	text-align: right;
}
a.alignleft,
a.alignnone,
a.alignright {
	 width:auto;
}

img.centered,
.aligncenter,
.wp-block-embed.aligncenter {
	display: block;
	margin: 0 auto 12px !important; 
}

img.alignnone,
.alignnone {
	margin-bottom: 12px;
}

a.alignleft,
img.alignleft {
	margin: 0 24px 12px 0;
}
.figcaption.alignleft {
	margin: 0 24px 20px 0;
}

a.alignright,
img.alignright {
	margin: 0 0 24px 12px;
}

.figcaption.alignright {
	margin: 0 0 24px 20px; }
.aligncenter .wp-block-image figcaption, .wp-block-image figcaption {text-align:center;}
/*special image settings*/
.img-fullwidth img {margin: 0 auto; display: block;
width: 90vw; /* both were 100vw*/
    max-width: 100%;
	}
	.img-fullwidth2 img { margin: 0 auto;
width: 70vw;
    max-width: 99%;
	}
img.img-medium {max-width: 450px !important; width: 80%; margin: 0 auto; }
/* GALLERY & IMAGES new */
/*Fancybox*/
a.fancybox {display: inline-block !important;/*fixes Edge display issue */}

/* captions */
.figcaption-text {
	font-size: 12.5px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 0; margin-top:0; text-align:center; padding: 0 0;
}

/* remove -- issues with galleries #middle figcaption{
	margin-bottom: 0; margin-top:0; text-align:center; padding: 0 0; background: rgba(255,255,255, .45);
}*/
.hide-caption .fancybox-custom-caption .caption-title,
.hide-caption figcaption,
.soliloquy-caption,
.home p.caption-title {display:none !important;}
/* ## Gallery
--------------------------------------------- */
/* Base Gallery -- hide captions by default */
.gallery {
	overflow: hidden; }
.blocks-gallery-grid figcaption.blocks-gallery-item__caption {background:rgba(0,0,0,.8) !important;}

.wp-block-gallery figcaption.blocks-gallery-item__caption, .wp-block-gallery figcaption {
	display:none; padding: 9px 5px !important; background:rgba(0,0,0,.8) !important;
}
/* if figcaption shows on hover*/
.wp-block-gallery li:hover figcaption.blocks-gallery-item__caption, .wp-block-gallery li:hover figcaption {}
.wp-block-gallery figure.wp-block-image:hover figcaption {display:inline-block; background:rgba(0,0,0,.8) !important;}

/* move captions underneath gallery images *//* Add multi-line by line breaks to Gutenberg galleries. */
/* Gallery 1 -- gallery captions under images */
.gallery1 .blocks-gallery-grid figcaption.blocks-gallery-item__caption {display:block; 
	height:auto; min-height:50px; clear:both; }
.gallery1 .blocks-gallery-item figcaption {
	white-space: pre-line;
	color: #fff !important;
}

/* Gallery fix samples Prevent the last image from growing to fill available space if there aren't three images in a row. */
/* 22 gallery fix update for coblocks  REMOVE .wp-block-gallery.has-nested-images figure.wp-block-image {flex-grow:0 !important; display:block !important;}

.blocks-gallery-item {
	flex-grow: 0 !important;
	display: block !important; 
}/* was iblock TBD */

.gallery1 .wp-block-gallery .blocks-gallery-image figure, 
.gallery1 .wp-block-gallery .blocks-gallery-item figure {
	display: block;
	height: auto;
	padding: 5px 0 50px;
}

.wp-block-gallery.is-cropped.gallery1 .blocks-gallery-image a, 
.wp-block-gallery.is-cropped.gallery1 .blocks-gallery-image img, 
.wp-block-gallery.is-cropped.gallery1 .blocks-gallery-item a, 
.wp-block-gallery.is-cropped.gallery1 .blocks-gallery-item img {
	height: 270px;
}	

.wp-block-gallery.gallery1 .blocks-gallery-image figcaption, 
.wp-block-gallery.gallery1 .blocks-gallery-item figcaption {
	position: relative;
	background: none;
	margin: 10px 0 75px 0;
	padding: 0;
}

.gallery1 li.blocks-gallery-item figure {
    display: block !important;
}
.gallery1 figcaption.blocks-gallery-item__caption, .gallery1 figcaption { background:rgba(0,0,0,.8) !important;
    position: relative !important;
    padding: 0px !important;
    /* background: linear-gradient(0deg,#0000,#0000 70%,#0000) !important;*/
    color: #fff !important;
    margin-bottom: 0px !important;
}

/*gallery2 class - figcaptions with transparent background */
.gallery2 figcaption.blocks-gallery-item__caption, .gallery2 figcaption { /* hold remove display:none !important;  */
	display:inline-block;
font-size: 105%; padding: 9px 0px !important; background:rgba(0,0,0,.8) !important;}
.gallery2 li:hover figcaption.blocks-gallery-item__caption {display:block !important; background:rgba(0,0,0,.8) !important;
font-size: 105%; }
/* Default Gallery Settings continued */
.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, 
.wp-block-gallery .blocks-gallery-image figcaption, 
.wp-block-gallery .blocks-gallery-item figcaption {
	font-size: 1.3rem !important;
}
#fancybox-title-over { font-family: Verdana, Geneva, sans-serif; }

.fancybox-custom-caption .caption-title {font-family: Verdana, Geneva, sans-serif;
font-size:99%; }
/* Fancybox Custom*/
 .fancybox-container.fancybox-is-open .fancybox-slide--video .fancybox-content {min-height: 95%; height: auto; width: 100%; 
	 margin:0 auto; border: 0 !important; background:transparent;}
.fancybox-slide--video .fancybox-content iframe {position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  transform: translate(-50%, -50%);}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {color:#0202c7 !important;} /* if black modal background: #ccc */

/* 2026 fixes */
.wp-block-gallery.has-nested-images figure.wp-block-image>a, .wp-block-gallery.has-nested-images figure.wp-block-image>div {
	flex-direction: column;
flex-grow: 1;
margin: 0;
}


.wp-block-image>a, .wp-block-image>figure>a {
	 display: inline-block;
}


.wp-block-image>a, .wp-block-image>figure>a {
display: inline-block;
}

body figure.wp-block-gallery.has-nested-images {display: flex !important;}

@media (min-aspect-ratio: 16/9) {
  .fancybox-slide--video .fancybox-content iframe {
    /* height = 100 * (9 / 16) = 56.25 */
    height: 56.25vw;
  }
}
@media (max-aspect-ratio: 16/9) {
  .fancybox-slide--video .fancybox-content iframe {/*was .video-backgroun*/
    /* width = 100 / (9 / 16) = 177.777777 */
    width: 177.78vh;
  }
}
	/* LISTS */
ol,
ul {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

/* entry-content lists ok  */
.entry-content ol,
.entry-content ul,
#middle .tert-cont ol,
#middle .tert-cont ul,
.link-post ol,
.link-post ul { 
	margin-left: 15px;
	margin-bottom: 20px;
	margin-bottom: 2rem;
	font-size: 15px; /* was 98%, before html set */}
.entry-content ol ol,
.entry-content ul ul,
#middle.tert-cont ol ol,/* ?? TBD */
#middle .tert-cont ul ul,
.link-post ol ol,
.link-post ul ul {
	margin-left: 15px;
	margin-left: 1.5rem;
}

.entry-content ol > li,
#middle ol > li {
	list-style-type: decimal; 
	line-height:1.4;
}
.entry-content ol > li > li,
.entry-content ol li li,
#middle ol > li > li   { list-style-type: lower-alpha;}
.entry-content ol li li li { list-style-type: circle;}

.entry-content ul > li, 
#middle .tert-cont ul > li, /* need to add .tert-cont after #middle for lists TBD ? */
#middle ul > li  {list-style-type: disc; line-height:1.4;}
/* but remove from menus and galleries */
#menu-portfolio-tertiary-pages li, .menu li, li.menu-item  li,
li.wp-block-coblocks-gallery-collage__item{
	list-style-type: none !important;}
.entry-content ol ol,
.entry-content ul ul {
	margin-bottom: 0;
}

.entry-content ol ul > li,
.entry-content ul ul > li { 
	list-style-type: circle;
}

.entry-content code {
	background-color: #130f30;
	color: #eee;
}

/* ## Objects ------------------------------------------ */
img,
object,
video,
.featured-content img.entry-image,
.figcaption {
	max-width: 100%;
}
embed,
iframe {
	max-width: 90%;
}
img {
	height: auto;
}
body .wp-block-audio audio   {min-width:150px!important; width:98% !important; margin: 15px auto; display:block; } /*restyle audio player */
.wp-block-audio {margin: 0 auto !important; display: block; max-width: 550px;}

.wp-block-embed.aligncenter.wp-block-embed-youtube .wp-block-embed__wrapper iframe {
	display: block;
	margin: 0 auto 12px !important; 
	border:3px solid red; width:90%;
}
audio::-webkit-media-controls-timeline-container {background-color:transparent !important;}
/*Fancybox*/
a.fancybox {display: inline-block !important;/*fixes Edge display issue */}

/* PG templates*/
.buyfunny figcaption {}
.buyfunny h2 a, .buyfunny h3 a {text-decoration:none; letter-spacing: 2px; 
color: #0a0a0a; margin-bottom:0; padding-bottom:0; line-height:1;}
.buyfunny img {margin: 0 auto; padding: 0 0;}
.buyfunny figcaption {font-family:'GoodDog', sans-serif; font-size: 115%; letter-spacing:2px; 
margin-top: -15px !important;}

.buyfunny .wp-block-image {margin:-5px auto 0; padding: 0 0; width:100%;}

.wp-block-group {margin:0 auto; padding-bottom:0; }
.wp-block-group .wp-block-columns, .buyfunny .wp-block-columns {margin:0 auto;}

body.page-template-bdale-art-portfolio .buyfunny { margin-bottom:20px; margin-bottom:2rem;}

/* Buttons  /* search still to do */
.search input[type="submit" i],
.search .search input[type="submit" i],
.search input, .error404 input,
.error404 input[type="submit" i] {border-radius: 40px; font-size: 115%;}
.search input, .error404 input {padding: 11px; margin-top: 30px;}
.wp-block-button .wp-block-button__link  { 
	/* or font-family: Verdana, Geneva, sans-serif   */}
.wp-block-button.is-style-outline .wp-block-button__link,
.search input[type="submit" i] {padding: 12px !important;}
a.wp-block-button__link,
.search input[type="submit" i],
.error404 input[type="submit" i] {margin: 5px auto;
	display: inline-block;
	text-decoration: none;
	padding: 14px;
	font-family:'GoodDog', sans-serif; letter-spacing:1.5px;
font-size: 137%; }
button a, .button a, a.button {text-decoration:none;} 
.wp-block-button .wp-block-button__link:hover {}
a.wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:hover {background-color:red; color:#fff; border-color:red;}
.wp-block-button.buy {font-size: 130%; margin: 15px auto !important;}

/*//////////////////////////////////header////////////////////////////*/
#header {
    background-color: white;
    height: 161px;
    width: 1024px;
}
.home #header {
    height: 229px; 
}
#header .row{
padding:0;
height:218px;

}
#header h1, #mainNav{
float:left;
margin-top:0px;
}
#header h1 img{
padding-left: 40px;
padding-top: 17px;
height: auto;
width: 155px;
}
.home #header h1 img{
padding-left: 24px;
padding-top: 17px;
width: 216px;
height: 202px;
}

#mainNav{
width: 820px;
height: 172px;
margin-left: 20px;
}
.home #mainNav { 
width: 764px;
}
#branding {
width: 184px;
height: 176px;
float: left;
}
.home #branding { /*home pg branding is larger*/
width: 240px;
height: 229px;
float: left;
}

#mainNav li{
	float: left;
	height: 172px;
	background-position: bottom left;
}
.navHome {
	background: url(imgs/home.png) no-repeat;
	width: 175px; 
}
.navPortfolio {
	background: url(imgs/portfolio.png) no-repeat;
	width: 121px;
}
.navBuy {
	background: url(imgs/buy.png) no-repeat;
	width: 135px;
}
.navAbout {
	background: url(imgs/about.png) no-repeat;
	width: 105px;
}
.navBlog {
	background: url(imgs/blog.png) no-repeat;
	width: 107px;
}
.navContact {
	background: url(imgs/contact.png) no-repeat;
	width: 121px;
}
#mainNav li a{
	display: block;
	height: 177px;
	width: 100%;
	float: right;
	margin-top: -5px;
	text-indent: -9999px;
}
#menu-main-nav li a:hover {
	background: url(imgs/finger.png) no-repeat;
}
#menu-main-nav li.navHome a:hover {
	width: 190px;
}
#menu-main-nav li.navPortfolio a:hover {
	width: 160px;
}
#menu-main-nav li.navBuy a:hover {
	width: 157px;
}
#menu-main-nav li.navAbout a:hover {
	width: 141px;
}
#menu-main-nav li.navBlog a:hover {
	width: 146px;
}
#menu-main-nav li.navContact a:hover {
	width: 160px;
}

/* Page Template Base*/
#middle {
	height: initial;
}
.home #middle {
height: 396px;
}

.blog #middle, #middle.no-height {
	height: initial;
}
.post-cont {/* for some templates -- ABOUT, PORTFOLIO, BUY FUNNY */
	width: auto; /* was 780*/
	margin: 0 15px;
	position: relative;
	top: 0px;
	padding-top: 40px;
}
.post-narrow {
width: 588px;
margin: 0 auto;
padding: 15px;
}
.post-blog {
width: 662px; /* was 600*/
margin-left: 220px; /*width of .side-blog was 288*/
padding-left: 32px; /* was 62*/
border-left: 1px solid black;/* divides from side-blog*/
padding-bottom:15px; 
}
.post-blog p {
	font-size:100%;
	line-height: 1.3em;
} /* also see post-loop-entry */
.side-blog { /* TBD this needs to be fixed */
	float: left;
	width: 220px;/* was 250*/
	margin-left: 0px;/* was 30*/
}
.nexprev-posts {background:red; display:block; float:right;}/*loop.php only. Top nav for next-prev; removed */
/*addit for blog*/ img.blogpage {max-width:130px !important; margin:0 0 0 auto !important; padding: 0 10px;}
.side-blog-title>span, .side-blog-title a {  text-align:center;
	font-size: 38px;
	line-height: 16px;
	color: #6f3ada !important;/*purple*/
	text-decoration: none;
}
.side-blog-title>small {margin-bottom:0; padding-bottom:0;}
.side-blog-title>span a, .side-blog-title a {line-height:1 !important;}
.side-blog-title h2 {text-align:center; color: #6f3ada; letter-spacing:3px;font-weight:bold;/*purple addit*/}
.side-blog-title h2>small {letter-spacing:15px;}
.side-blog-title>h1,
.post-template-default.single.single-post .side-blog-title h1{ 
	font-weight: normal;
font-size: 38px; font-size:3.8rem; text-align:center;
line-height: 21px;
color: #6f3ada;
}
.side-blog img {
}
.archive #middle .row{
min-height:700px;
}
/* FAV Links page id-59 */
#middle.linkspg { max-width:954px; width:100%; 
	margin:0 auto !important; padding: 0 0!important;
display:flex;/* fixes layout issue*/}
.link-side {margin-top:-49px;
	width: 30%; max-width: 253px; display:inline-block; position:inherit;
}
.people-links { 
 max-width: 100%; left:0;
	background-image: url(imgs/people-links22.png);background-repeat:repeat-y;
	height:100%;  min-height: 6720px;/* ht full: 11820*/ background-size:contain;
}

.link-post { display:inline-block;  width:67%; max-width:800px;
position:relative;
}
.link-post h3 {margin-top:30px !important;}
.link-post h2, .link-post h3 {
font-weight: normal;
}
.link-post h2 {
text-transform: uppercase;
}
.link-post h3 {
margin: 0;
}
.link-post p {
	margin-left: 10px;
}

#middle h1{
margin-top:50px;
}
.page-template-twocol-sidebar-page-php #middle .ninecol p{
margin-left:50px;
}

/*///////////////////////////////////sidebar//////////////////////////////////*/
#sidebar{
text-align:center;
float: left;
width: 180px;
position:fixed; /*TBD if sidebar scroll in place */
}
#sidebar h1{
font-size: 26px;
text-transform:uppercase;
line-height:24px;
letter-spacing:.06em;
font-weight: normal;
margin-top: 4px;
position: relative;
top: 7px;
}
/* Cartoons & Illustrations page remove */
#sidebar li{
text-align:left;
white-space:nowrap;
}
#sidebar li a{
text-decoration:none;
color:#000;
font-size:20px;
padding:0;
padding-left:32px;
line-height: 20px;
}
#sidebar li.current-menu-item{
text-decoration:underline;
}
#sidebar img{
margin:0 auto;
}
#sidebar h2{
text-decoration:none;
color:#265da8;
font-size:24px;
line-height:24px;
margin: -12px 0 4px 32px;
display:block;
text-align: left;
}

a.cafepressBtn /*26 update */{text-decoration:none;
color:#265da8;
font-size: 14px;
line-height:24px;
margin: -12px 0 4px 32px;
display:block;
text-align: left;}
a:hover.cafepressBtn{
color:#0033CC;
}
.blog #sidebar h1, .archive #sidebar h1, .single #sidebar h1{
display:none;

}
#middle .side-blog h1, #middle .side-blog a {
	margin-top: 0;
}
.blog #sidebar .widget-container, 
.single #sidebar .widget-container, 
.archive #sidebar .widget-container{
/*removed fix */}
#sidebar h3{
color:#6f3ada;
text-align:center;
}
.blog .eightcol{ }
.blog .row .sevencol, .single .row .sevencol, .archive .row .sevencol{
margin-left:7%;
}

/*/////////////////////////////tertiary menu FIX wp-block-spacer issue with @media ////////////////////////////////////*/
.side-bar-tert {
	width: 180px;  /* MAYBE TBD position:fixed; float:left;  display:block;*/
}
/* try .side-bar-tert .menu-header{background-color:blue; display:inline-block; width:auto; float:left;}*/
@media (min-width:1024px) {
.ecard-container p:first-of-type {float:left;}
.entry-content {padding-left:1rem; padding-right:1rem;}
.side-bar-tert {
	/* margin-left: 30px;*/
}
.tert-cont {
/* margin-left: 265px;*/
/* padding-top: 72px;*/
}
.tert-cont, .page-id-116 .tert-cont{width:80%; max-width:790px; display:inline-block; float:right; padding-right: 2%; }
.page-id-116 .tert-cont {}

/*put in formidable form style */
.page-template-bdale-contact .frm_form_fields {max-width:500px !important;  }
} 
/* --- end /min-1024-- */

/* Free e-cards pge main content */
.page-id-28 .tert-cont { 
padding-top: 0;
}
.page-id-33 .tert-cont, /* Dale cards pg */
.page-id-31 .tert-cont, /* Fine Art pg*/
.page-id-119 .tert-cont, /* Books pg */
.page-id-121 .tert-cont, /* Other Stuff pg */
.page-id-22 .tert-cont /* Buy Original Art pg */{
padding-top: 50px;
}
.page-id-22 h2, .page-id-22 h3 {margin-top:5px;} /* Buy Original Art*/
.page-id-22 h3 {margin-bottom:2px !important;}
/* Dirty Stuff pg */
.page-id-26 .tert-cont { 
padding-top: 34px;
}
/* Dirty Stuff pg */
.page-id-26 .side-bar-tert { 
margin-top: 30px;
}
.page-id-28 .side-bar-tert #sidebar img { /* Free ecards pg sidebar */
	width:auto; /*was 200*/
}
.page-id-28 .side-bar-tert #sidebar h1, /* Free ecards pg */
.page-id-26 .side-bar-tert #sidebar h1, /* Buy Dirty Stuff pg */
.page-id-24 .side-bar-tert #sidebar h1, /* Buy Signed Prints pg */
.page-id-22 .side-bar-tert #sidebar h1 /* Buy Original Art pg */{
padding-top: 12px;  padding-bottom:12px;/* was top:2px */;
}
.page-id-121 .side-bar-tert #sidebar h1 { /* Other Stuff pg */
top: 10px;
}

/*//////////////////////////// FOOTER updated - 2021 update. Remove excess styles and settings//////////////////////////////////////*/
.footer-wrap {background-color:transparent; margin: 3% 0 0;}
.before-footer {background-image:url(imgs/footerBG.svg); 
background-color:#fff; 
width:100%; 
height:8px; 
display:block;
background-repeat:repeat-x; background-size:100%; padding-bottom:1%; background-position:top left;
 z-index: 99;}
/* HOLD #footer::before{content: '';
}*/
/* footer {background-image:url(imgs/footerBG2.jpg); height:100vh; width:100%;}*/
footer {height:90px;}
.home footer:before, .home footer:after {
    content: "";
    display: table;
    zoom:1; /* ie fix */
}
.home footer:after {
    clear: both;
}
.to-top {text-align:center;}
.to-top a {text-decoration:none; font-size:20px; color:red;}
.foot-wrap li.to-top{
margin:15px 10px 0 10px;
background-color:#fff;
padding:4px;
border-radius:13px;
text-transform:uppercase;
vertical-align:middle;
}
body.home li.to-top, body.home .top-link {display:none !important;}
.top-link {margin-top:-15px;}
#footer{/* modified */ backgorund-color:transparent;
background-image:url(imgs/footerBG2.svg); 
background-size:100%;
background-repeat:repeat;
min-height:90px;
width: 100%; /* was 1025px*/ min-width:100vw;
text-align:center;
position:relative;
bottom:0;
	z-index: 2;
	padding-top: 0;
padding-bottom: 3%;
 box-shadow: 0 50vh 0 50vh #000; /* bg as black on taller screens. Set different for @media heights */
}
.foot-menu {padding-top:1.5%;}
#footer li{
display:inline-block;
margin:15px 10px 0 10px;
background-color:#fff;
padding:4px;
border-radius:13px;
text-transform:uppercase;
vertical-align:middle;
}
#footer li a{
text-decoration:none;
color:red;
padding:8px;
}
#footer li.FBbtn a{
padding:8px 30px 8px 8px;
background-image:url(imgs/fbIcon.png);
background-repeat:no-repeat;
background-position:right center;
}
.footer-wrap .site-info a,
.footer-wrap .site-info p a:link{color:#fff !important; text-decoration:none !important; border-bottom:0px !important;}
.site-info {margin-top: 1.2rem; text-align:right;}
#footer p, .footer p a, .site-info a {color:#fefafa; text-decoration: none;
font-family:Verdana, Geneva, sans-serif; font-size: 90%;}
.site-info p {font-size: 12px !important; /* was 13*/ color:#e2e2e2; 
text-align:right; font-weight:normal; width: auto; max-width:320px;/* was 220*/ 
background-color:rgba(0,0,0,.7); float:right; /* changes @media brak for mobile*/}
.menu-footer-links-container {font-size:125%;}
/*///////////////////////////////////ABOUT PAGE//////////////////////////////*/
/* remove LOTS */

/*/////////////////////////////////// CONTACT page updated//////////////////////////////*/
body.page-id-17 .pg-title{ display:none;}
body.page-id-17 .entry-content {padding-bottom:0;}
body.page-id-17 .footer-wrap {margin-top:0 !important;}
/* remove post-contact, contact-copy, contact share, contact-img, etc */

.phone-lady { /* updated; TBD */
height: auto; 
width:100%;
}
.phone-lady img {/*bottom page border To do TBD */
margin: 0 auto -30px; padding: 0 0; 
}
/*forms 1*/
.frm_forms {
float:right; background-color:rgba(255,255,255,.85);
}

.recaptcha_only_if_privacy {
	font-size: 11px;
}
.agree .frm_primary_label {font-weight:normal !important; font-size:12px;}
.agree label {font-size:14px;}
/* TBD hover, background transparency, etc */
/*Formidable Form styling -- combo with plugin settings */
button.frm_button_submit,
.frm_submit button,
.page-template-bdale-contact button { font-size: 110%; font-family:'GoodDog', sans-serif !important; letter-spacing:1.5px; color: red !important; border-color:red; 
background: transparent; padding: 7px; border-radius: 10%;margin: 10px auto; 
box-shadow:0px !important;}
.frm_submit input {font-family:'GoodDog', sans-serif !important;}
.frm_submit input:hover, .frm_submit button:hover, .frm-submit:hover {background-color:#FF0000!important; color:#fff;}
button.frm_button_submit,
.frm_submit button,
.frm_style_formidable-style.with_frm_style input[type=submit] {font-size: 25px !important; font-family:'GoodDog', sans-serif !important;} 
button.frm_button_submit:hover,
.frm_submit button:hover { color:#fff !important; background-color:#FF0000 !important;}
/*///////////////////////////////////newletter remove//////////////////////////////*/


/* Search & Error 404 addit 2021 TBD  ///////////////////////////// */
.error404, .search,
.search-results .post-loop-entry {
background-color:transparent;
background-image: url(imgs/hahaha.png); background-attachment:fixed;
background-repeat:no-repeat;
background-position:  right 5% bottom 8%;
height:100%;
}
.error404 .container, .search .container{
	background-color:transparent;}
.error404 #middle, .search #middle, .search.no-results {width: 90%; margin:0 auto; max-width: 850px;}
.error404 #middle p, .search #middle p, .error404 #middle h2, .search #middle h2 {background-color:rgba(255,255,255,.8);}
 .search .container, .search-results .container {padding-bottom: 2rem;}
.error404 .container, .page-template-bdale-contact .container {padding-bottom: 8.5rem;}
.search .footer-wrap, .error404 .footer-wrap {}
/*////////////////////////////////////social media -- several fixes 2022//////////////////*/
/* if content under home slider, remove this .home .addtoany_share_save_container{
position:relative;
right: 0px; 
text-align:right; 
}
.addtoany_share_save_container {right:0; display:block; text-align:right;
padding-bottom:5px; 
 margin-bottom:2px; min-height: 8px !important; }
.addtoany_content {margin-bottom:5px !important;} */


/* SHARE containers. remove; hide on contact page -- */
.post-contact .addtoany_share_save_container, .page-id-17 .addtoany_share_save_container {
	display:none;
}
.page-template-bdale-sidebar-php .addtoany_share_save_container {
margin: 0;
left: 619px;
top: 8px;
}
.page-template-onecol-secondary-page-php .addtoany_share_save_container{
display:none;
}

/*////////////////////////////////////////////////////////////////////////////*/
/* HOME Soliloquy Slider & Socials  styles --something in here makes home menu have issues*/
/* Note: HOME menu and layout slightly different than other pages */
body.home {height:auto;}
.main-home {width:95%;}
.home .container {display:block; width:auto; margin: 0 auto -60px; 
	max-width: 1250px; padding-bottom:0; } /* if width @ %, issues with mobile menu*/

.home #header {margin: 0 auto;  }/* HOLD for home width  remove max-width:auto;*/
.home .slider-container { 
background: url(imgs/slider-frame.png) no-repeat bottom 18% left;/*was 15%*/
background-color: transparent;
background-size:84%;/* 84 if no arrow*/
width: 100%; /* was 1024*/
min-height: 530px; 
position: relative;
top: -55px; 
margin-bottom:-50px;
}

.home #middle { display:block; min-height: 580px; height:100%; clear:both; float:none; padding-bottom:0;}
.home .slider-container .soliloquy-container img {	border-radius:15px;
 margin: -8px 0 0; padding:0 0!important;  z-index:999;
}
.home .soliloquy-container {
    display:block;
   margin:0 0 0 10px!important;
    width: auto !important;
    height: auto !important;
clear: both; 
float:right;
background-color:transparent;
border: 20px solid transparent;/* was 25*/
border-radius:15px;
padding: 0 0 !important;
border-image: url(imgs/outlineBG.png) 30 stretch; /* source slice repeat ..  */
-webkit-border-image: url(imgs/outlineBG.png) 30 stretch; 
border-image-width: 20px;
/* other values 
border-image-outset
border-image-slice'
*/
}
.home .addtoany_share_save_container img {border:0 !important;}
.home .addtoany_share_save_container{ z-index:99999; background-color: transparent;
position:absolute; right:0; top:-110px; float:left;
display:inline-block;
}
.home .a2a_kit.a2a_follow.addtoany_list {}
.home .a2a_follow.addtoany_list {background-color: transparent;
position:absolute; right:100px;/* moved over*/ top:-85px; float:right;
display:inline-block;}

.home .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span {width: 25px !important; height:25px !important;}

/* if content under slider, then use shortcode hide until 899 width */
.home .addtoany_shortcode {display:none; }

.home .soliloquy-wrapper, 
.home .soliloquy-slider {padding: 0 0;   overflow:hidden; }
.slider-border {}
.home .entry-content {position: relative; margin: 0 auto !important; 
	display:block; clear:both; width:100%; float:none; padding-bottom:0; margin-bottom:-50px;}
.mobile-show, .tablet-show {display:none;}
.mobile-hide, .tablet-hide {display:block;}

.tert-cont,
.link-post {padding-bottom:1rem; } /* was 8.5*/
/* Ecards Plugin 
Use , use .ecard-error class to style the error message.

Use .ecards class as a selector for lightbox plugins. Based on your plugin configuration, you can also use .ecard a as a selector.
*/
.ecard-container {}
.ecard-container p:first-of-type {}

body .ecard-container .ecard {border: 2px solid #eaeaea; margin: 10px; padding: 5px 5px 15px;; background:#eaeaea !important; }
body .ecard-container .ecard:hover {}
/* to do: add :selected styling TBD */
body .ecard-container .ecard img {max-width:100%; margin: 0 auto -15px; display:block; padding-bottom:0;}
.ecard-container .ecard a {padding: 15px; width:100%;}
body .ecard-container input[type="submit"] {clear:both; font-size: 24px !important; display:block; 
	font-family:'GoodDog', sans-serif !important; letter-spacing:1px; border-radius: 4px; padding: 10px;
border:2px solid black; background:transparent; margin-top: 15px;}

/* Radio redo */
body .ecard-container .ecard input[type="radio"]:checked + label {
    background-color:#DC143C;
    border-color:  	#8B0000 /* red*/
}

body .ecard-container .ecard input[type="radio"]:focus + label {
    border: 2px dashed #8B0000;
}
body .ecard-container .ecard label {
    display: inline;
    background-color: #ddd;
    padding: 5px 20px;
    font-size: 14px;
    border: 2px solid #444;
    border-radius: 4px;
}
body .ecard-container .ecard input[type="radio"] {opacity: 0;
  position: fixed;
  width: 0;
}
body .ecard-container .ecard input[type="radio"]:checked + label:before {content:"✓"; color:#fff;}
body .ecard-container .ecard label:hover {
  background-color: red; 
}


      
/* === */
body .ecard-container input[type="text"], body .ecard-container input[type="email"], body .ecard-container textarea {line-height:1.4; margin-bottom: 14px; border-radius:4px; border-color:#cccccc; border-width:1px; background-color:#ffffff;}

body .ecard-container textarea {max-width:90%;}
.ecard-container div[role=radiogroup] {margin-bottom: 20px;}
.ecard-container input[type="submit"]:hover {background:red; color:white; border-color:red;}
.cards-container p:last-of-type {float:none !important;}


.ecard-confirmation /*confirmation message*/ {
	font-size: 24px !important; display:block; 
	font-family:'GoodDog', sans-serif !important; letter-spacing:1px;
	border:2px solid green; margin: 10px auto; padding: 14px;
}
/* @Media breaks ========== */

@media (max-width: 1023px) { /* updates as needed */
	.main-home {  width:93%; display:block; margin:0 auto;}
	.home #middle {
		height: auto; /*was 530*/
		min-height:530px;
	}
	.home .slider-container {/* 1023 TBD*/
		top:0; margin-bottom:0; 
			background-position:bottom 32% left;
			background-image: url(imgs/slider-frame1023.png)  !important;
			background-size:90%;}
	.home .soliloquy-container { /*1023 slider */ 
width:70%; 
	   max-width: 550px !important;
	  background-color:transparent; }
.home .soliloquy-container img {margin-top:0;} 
/* home share @1023*/
.home .addtoany_share_save_container{ z-index:99999; background-color: transparent;
 top:-130px; 
display:inline-block;} 
	.home .a2a_follow.addtoany_list {
display:inline-block;}
/* end 1023 slider --*/
	
	.container, #header {
		width: 720px;}

	#mainNav {
		width: 516px;
		height: 280px;
	}
	.home #mainNav {
		width: 450px;
	}
	#mainNav li {
		height: 158px;
		z-index: 9998;
	}
	#mainNav li a {
		height: 163px;
		position: relative;
		z-index: 9999;
	}
	.navAbout {
		margin-left: 84px;
	}
	.navAbout, .navBlog, .navContact {
		height: 135px !important;
	}
	/*/////////////////BLOG 1023////////////*/
	.side-blog {
		width: 150px;
	}
	.blog #sidebar {
		display: none;
	}
	.post-blog {
		margin-left: 200px;
		width: 475px;
		padding-left: 20px;
		margin-top: 100px;
	}
	/*/////////////////CONTACT 1023 REMOVE ////////////*/
	/*/////////////////NEWSLETTER 1023 REMOVE////////////*/
	/*/////////////////LINKS 1023////////////*/
	.link-side {
		display: none;
	}
	.link-post {
		width: 90%;
		margin: 0 auto;
		padding: 0;
	}
	/*/////////////////COMING SOON 1023///////////////////*/
	/* Free Ecards &Signed Prints pg hide sidebar*/
 .page-id-24 .side-bar-tert {
		display: none; 
	}
	 /* was 600 width*/
	/* Remove most galleries 1023 */
	.post-cont {
		width: auto; /* was 720*/

	}
	.page-id-12 .post-cont { /* Other Stuff pg */
		top: 30px;
	}
	/* addit 2021 -- issue with wp blocks hidden; remove several page-id-__ .tert-cont */

	.wp-block-image.img-bio {clear:both; float:none; display:block; width:100%;}
	.wp-block-image.img-bio .alignleft {float:none !important;}
	.wp-block-image.img-bio img, .wp-block-image.img-bio figure{margin: 0 auto !important;  width: auto !important; /*override the width below*/
  width: 100%; max-width:100%;}
	
	/* home socials 1023 */
	.home .a2a_follow.addtoany_list { margin-top:-20px;}
} /* end max 1023 --*/


 @media only screen and (min-width: 720px) and (max-width: 1023px)  {
/* if not fixed -- .side-bar-tert { display:inline-block; float:left;
	} */
.tert-cont {
/* margin-left: 265px;*/
/* padding-top: 72px;*/
}
.tert-cont, .page-id-116 .tert-cont{width:80%; max-width:510px; display:inline-block; float:right; padding-right: 0rem; }
.page-id-116 .tert-cont {}
} 
/* --- end /min-720 & max-1024-- */

@media (max-width: 1000px) { /* updates as needed */
	.main-home { width:100%; margin:0 auto;}
	.home #middle {
		height: auto; /*was 530*/
		min-height:500px;
	}
	.home .slider-container {/* 1000 TBD*/
		top:0; margin-bottom:0; margin-left:auto; margin-right:auto; max-width: 90%; 
			background-position:bottom 33% left; /* 30%*/
			background-image: url(imgs/slider-frame1023.png)  !important;
			background-size:76%;
	}
	.home .soliloquy-container { /*1023 slider */ 
width:70%; 
	   max-width: 530px !important;
	  background-color:transparent; 
}
}/*-- / end max 1000 --*/ 

@media (max-width: 899px) { /* updates as needed */
.tablet-show {display:block;}
body .ecard-container .ecard img {max-width:100%; margin: 0 auto; display:block; float:none;}
/* home share 899*/
.home .addtoany_share_save_container img {/*tbd reposition if content added*/
z-index:99999; background-color: transparent; min-width:100px;
position:absolute!important; right:50px; top:-50px !important; 
display:block;}
.home .addtoany_share_save_container{
position:absolute; right:0; top:auto; float:right;
display:none;/* updated if content under slider*/ bottom:0;
}
.home .addtoany_shortcode {text-align:right;margin-right:5%; display:block; margin-top:-30px; margin-bottom:30px;}	
.home .a2a_kit.a2a_kit_size_32.addtoany_list .a2a_dd.addtoany_share_save.addtoany_share {margin-top:-50px; }
/* follow socials underneath slider */
	.home .a2a_follow.addtoany_list {/*follow social links 2023*/
z-index:99999; min-width:100px;
position:absolute!important; text-align:right;margin-right:0; top:0!important; 
display:inline-block;}
	
.home .slider-container {/*`899*/
margin-bottom:0; float:none; display:block; 
background-position:bottom 0 left;
background-image: url(imgs/slider-frame899.png)  !important;
background-size:100%; 
min-height:800px; height:auto;
	}
/* update Home Slider border and go to fullscreen image */
.home .soliloquy-container { /*899 slider */ 
width: auto !important; 
max-width: 630px !important;/* or 70%*/
height: auto !important; min-height:auto;
top: 4px !important;
right:auto !important;
position: relative !important;
display: block; margin:0 auto 0 auto!important; 
border-style:solid !important;
border-image-source: url('imgs/outlineBG_mobile.png'); /* source | slice | width | outset | repeat */
-webkit-border-image-source: url('imgs/outlineBG_mobile.png');
border-image-width:19px;
border-width:20px; }
.home .soliloquy-container img {width:96%; max-width:630px !important;}
.home .main-home{padding-bottom:80px !important;}
	}
/*-- / end max 899 --*/ 
/* grey line issue on footer background starts at 803 width ... */
@media only screen and (max-width: 803px) {
	.before-footer {background-color:#fff; height:4px;
	}
	.foot-wrap {background-color:#fff !important;}

/* HOLD #footer::before {
 background-size:cover;  background-position:center center; position:absolute; bottom:0;  z-index: 1000;
	background-color:#fff !important; height:auto;
 }
	#footer {border: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;}*/ 
}
@media only screen and (max-width: 800px) { 
body {overflow-x: hidden;}
.entry-content  {max-width:90%; margin: 15px auto;}
/*.tert-cont,*/
.link-post, .search-results .post-loop-entry, 
/*tbd issue with margin and top of content for 404*/
.error404 .container {padding-bottom:8.5rem; } /* TBD*/
.before-footer { }


body .col-break-tablets  .wp-block-media-text.is-style-default {
	grid-template-columns:100% !important;
	grid-column:1 !important; grid-row:1 !important ;} /* break columns sooner*/
	.col-break-tablets .wp-block-media-text {grid-template-rows:auto!important; margin:1.5rem auto;}
	.col-break-tablets .wp-block-media-text .wp-block-media-text__media {grid-template-columns:100% !important;
	grid-column:1 !important; grid-row:1 !important ;}
	.col-break-tablets .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {grid-column: 1;
    grid-row: 2;}

.single-post  .wp-block-image .alignleft, .single-post   .wp-block-image .alignright, 
.single-post  .wp-block-image .alignnone {float:none !important; display:block; 
   margin-left:auto !important; margin-right:auto !important; max-width:95%;}/*center on mobiles*/

.home .slider-container {/*`800bd*/  bottom:0; float:none; display:block; 
background-position:bottom 0 left;
background-image: url(imgs/slider-frame719.png)  !important;
min-height:750px;}
} 
/* end max 800 */


@media (max-width: 719px) { /* update as needed */ /* sidebar away */
.mobile-show {display:block;}
.mobile-hide {display:none;}
.container, #header{
		width: 480px;}
#header {
		height: 290px;}
	
.home .slider-container{ /* 719 */
		height: auto;/* was 374*/ 
		background-image: url(imgs/slider-frame719.png)  !important;
		width: auto; /*was 480px*/ min-height:690px;
		top: auto;
		clear:both;
		background-position: bottom 0 left 0;
		padding-bottom:0px;
	}
.home{	overflow-x: hidden; }
	/* home socials realign */
	.home .addtoany_shortcode {margin-top:0;}
.home .soliloquy-container { /*719 slider */ 
  max-width:95% !important;
  border-width: 15px;/* was 25 then 16 */
  border-image-width: 15px; /* was 20 then 15*/
   top: 0 !important;
    height: auto !important;
	 display: block; 
}
/* 719 home share REMOVED*/ 
.home #middle {
		height:auto;/* was 410*/}

	/* tbd home menu*/
	.home #header h1 img {
		padding-left: 40px;
		padding-top: 17px;
		height: auto;
		width: 155px;
	}
	#branding, .home #branding {
		width: 164px; 
		height: auto;
		position: absolute;
	}
	#mainNav, .home #mainNav {
		width: 480px;
	}
	.navHome {
		margin-left: 166px; /* tb issue with pushing menu off to side*/
	}
	.navAbout {
		margin-left: 0px;
	}
	#menu-main-nav li a:hover {
		width: 100% !important;
	}

	/*/////////////////BLOG 719////////////*/
	.side-blog {
		display: none;
	}
	.post-blog {
		margin-left: auto;
		width: auto; /* was 440*/
		padding-left: 0;
		margin-right: auto;
		border-left: 0;
		margin-top: 0;
	}

	/*/////////////////COMING SOON 719///////////////////*/
	.page-id-28 .tert-cont, .page-id-24 .tert-cont {
		width: 100%;
	}
	/*/////////////////CONTACT 719////////////*/
	#frm_form_2_container {
		margin-top: 0;
	}
	 .frm_forms {
float:none; width: 80%; margin: 0 auto;
}
	/* 719 contact remove */

	/*/////////////////GALLERY- old 719//////////////*/
	.post-cont {
		width: auto; /*was 480*/
	}
	.side-bar-tert {
		display: none;
	}
	
.tert-cont, .page-id-33 .tert-cont, 
.page-id-31 .tert-cont, .page-id-119 .tert-cont, 
.page-id-121 .tert-cont, .page-id-22 .tert-cont {
		margin-left: 5px; /* was auto*/
		margin-right: 5px;/* was auto*/
		width: auto;/* was 480*/
		padding-top: 30px;/* was 30*/
	}

	/* addit info & gallery */
.entry-content  {max-width:90%; margin: 15px auto; }
/* ART PORTFOLIO TO CHECK* 719 */
.page-id-12 .post-cont,  
  .page-id-674 .post-cont {
    top: 0;
  }

  .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image .alignnone {float:none !important; display:block; 
  	text-align:center; margin-left:auto !important; margin-right:auto !important; max-width:95%;}/*center on mobiles*/
} /* end max 719 --*/
@media (max-width:600px) {
	body .ecard-container .ecard img {max-width:95%; margin: 0 auto; display:block;}
.home .slider-container{ /* 550 */
		height: auto;/* was 374*/ 
		background-image: url(imgs/slider-frame719.png)  !important;
		width: auto; /*was 480px*/ min-height:580px;/*was 90vh*/ }
.home .soliloquy-container {
border-image-width: 16px;} /* or 14*/

	/* columns to 100%; but Art Portfolio no space*/
	.wp-block-columns div:nth-child(2){margin-top:1.75em; }
 body.page-template-bdale-art-portfolio .wp-block-columns div.wp-block-image {margin-top:0em;}
	body.page-template-bdale-art-portfolio .wp-block-columns div:nth-child(2) h2, body.page-template-bdale-art-portfolio .wp-block-columns h2 {margin-bottom:5px;}
}
/* end max-600 */
@media (max-width:550px) {
.home .slider-container{ /* 550 */
		height: auto;/* was 374*/ 
		width: auto; /*was 480px*/ min-height:550px;/*was 90vh*/ }

.home .soliloquy-container {
border-image-width: 14px;} /* or 14*/
}
/* end max-550 */

/* issues TBD: devices 667x375; 653 x230; TO DO -- footer shadow for tablets? */
@media (min-height: 1200px) { /*9/20/22 : replace min-device... with just "min-..." etc; device deprecated*/
	html, body {height:auto;}
.home .slider-container {margin-top:5%;}
.home .entry-content {margin-bottom:0; padding-bottom:0;}
.home #footer, #footer{/* modified */
 box-shadow: 0 50vh 0 50vh #000; /* bg as black on taller screens. Set different for @media heights */
}
	}/* -- end min-ht 1200 */

@media (max-width: 667px) and (max-height: 400px) { /* update 2021 as needed; remove max-device-height*/
	.main-home {width: 99%; margin:0 auto; text-align:center;}
	.home .slider-container { /* 667 width 479 max */
		width: auto;/*was 320*/  padding-top:0;
		min-height:650px; top: 0px;
max-width:550px; padding-bottom:0!important; 
	margin: 0 auto;	}
	/* remove .home .soliloquy-container {margin:0 auto; display:block; float:right; } TBD */

	}/* end iphone 6/7/8 landscape */
	
@media (max-width: 375px) and (max-height: 812px) {/*remove device*/
.home #footer, .search-results #footer,#footer,
body.page-template-bdale-sidebar #footer{/* modified */
 box-shadow: 0 50vh 0 50vh #000; /* bg as black on taller screens. Set different for @media heights */
}
	}
/* end iphone 10 portrait */
@media (max-width: 425px) and (max-height: 812px) {/*remove device*/ /* Other phone portraits */	
.home #footer, .search-results #footer, #footer,
body.page-template-bdale-sidebar #footer{/* modified */
 box-shadow: 0 50vh 0 50vh #000; /* bg as black on taller screens. Set different for @media heights */}
home .addtoany_share_save_container {/*tbd reposition if content added*/
		z-index:99999; background-color: transparent;
position:absolute; right:0; top:-50px !important; float:left;
display:block;}
.home .addtoany_share_save_container img{/*tbd reposition if content added*/
 top:-50px !important; max-width:80px;}
.home .addtoany_share_save_container { background-color: transparent;
position:absolute!important;}
	}
/* end other phone portrait */

@media (max-width: 479px) { /* update 2021 as needed */
	.container, #header {
		width: 320px;}
	.main-home {width: 99%; margin:0 auto; text-align:center;}
	.home .slider-container { /* 479 max */ width: 99%;/*was 320*/  padding-top:0;
	 min-height:500px !important;/*was 88*/
max-width:450px; padding-bottom:0!important; }
.home .soliloquy-container {
height:auto;
border-width: 13px;/* was 25*/
border-image-width:13px; /* was 20 */
border-radius: 15px;
padding: 0 0 !important;
}

	/* home share mobile portrait 479 max*/
	.home .addtoany_share_save_container .a2a_kit .a2a_button_facebook, .a2a_kit  .a2a_button_twitter, .a2a_kit  .a2a_button_email {/* local dev site only */display:none !important;}/* extra buttons; not bdale custom image*/
	
.home .addtoany_share_save_container img{/*tbd reposition if content added*/
	max-width:80px;
		z-index:99999; background-color: transparent;
position:absolute!important; right:0; top:-50px !important;}

	#header {
		height: 230px;
	}
	.home #header h1 img, #header h1 img {
		padding-left: 5px;
		width: 100px;
	}
	#mainNav, .home #mainNav {
		width: 320px;
		margin-left: 0;
	}
	#mainNav li {
		background-size: 100%;
		background-position: top left;
		height: 113px;
	}
	#mainNav li a {
		height: 113px;
	}
	.navHome {
		width: 126px;
		margin-left: 100px;
	}
	.navPortfolio {
		width: 86px;
	}
	.navBuy {
		width: 97px;
	}
	.navAbout {
		width: 73px;
	}
	.navBlog {
		width: 70px;
	}
	.navContact {
		width: 79px;
	}
	#menu-main-nav li a:hover {
		background: none;
		width: 100%;
		height: 100%;
	}
	
	/* /////////////////BLOG//////////// */
	/*.post-blog {
		width: 99%; =
		padding-bottom: 8.5rem;
	}*/
	.single-post {}
	/* /////////////////CONTACT 479 REMOVE//////////// */
	/* /////////////////NEWSLETTER REMOVE////////////// */
	/* /////////////////GALLERYS old 479////////////// */
	.post-cont {
		/*width: a; /*was 320 */
	}
	.tert-cont, .page-id-33 .tert-cont, .page-id-31 .tert-cont, .page-id-119 .tert-cont, .page-id-121 .tert-cont, 
	.page-id-22 .tert-cont {
		width: auto; /* was 320*/
	}
} 
/* end max 479 --*/
@media (max-width:450px) {
.home .soliloquy-container {border-image-width:11px; border-width:11px;}
}
/* end max-450 */
@media (max-width:400px) {
.home .slider-container{ /* 360 */
		height: auto;/* was 374*/ 
		background-image: url(imgs/slider-frame719.png)  !important;
		width: auto; /*was 480px*/ min-height:440px !important; 
	}
.home .soliloquy-container {border-image-width:11px; border-width:11px;}
}
/* end max-400 */
@media (max-width:412px) and (max-height: 915px) {/* remove device*/
.home .slider-container{ /* 360 */
	width: auto; /*was 480px*/ min-height:480px !important; 
		}
	}
	/* end galaxy s20  */
@media (max-width:360px) and (max-height: 640px) {/* remove device*/
.home .slider-container{ /* 360 */
		width: auto; /*was 480px*/ min-height:440px !important; }
	}
	/* end galaxy note  */
@media (max-width: 414px) and (max-height: 896px) {/* remove device*/
.home .slider-container{ /* 360 */
		width: auto; /*was 480px*/ min-height:480px !important; 
		}
	}
	/* end iphone xr portrait */
@media (max-width:280px) { /* Galaxy Fold and tiny */
	#mainNav, .home #mainNav {width: 280px;}
	.home #header h1 img, #header h1 img, #branding, .home #branding {width: 60px;}
	#mainNav li, #mainNav li a {height:90px; width:90px;}
	.navHome, .navBlog, .navContact, .navBuy, .navPortfolio {width:80px !important; 
	 height:90px!important; background-size:contain;}
	  .navBlog, .navContact, .navBuy, .navPortfolio {background-size:77% !important;}
		.navAbout {width:60px;min-height:60px; height:auto!important; background-size:contain !important;}
.home .slider-container {min-height: 340px !important;}
.home .soliloquy-container {border-image-width:11px; border-width:11px;}
}
/* end max-450 */
/* MAJOR ISSUE: SIDEBAR hardcode on templates ; */
/* NGG Next Gen Gallery styles -- remove all */
.exif-data {
    margin-left: auto !important;
    margin-right: auto !important;  
}
/*2026 fix soliloquy slider */
.soliloquy-pager-item {display:none;}
/* ----------- Slideshow REMOVE-------------*/