/*
Theme Name: Bubbles the Artist
Theme URI: 
Author: AP
Author URI: 
Description: This is a generic starter theme, that incorporates Bootstrap, Fontawesome, Slick Slider, Animation, ImageHover, Masonry.
Version: 1.0
*/


/* #Misc
/***********************************************************/
body { padding-top: 0; font-size: 13px; line-height: 1.5em; color: #000; font-family: 'Arial', sans-serif;} 
iframe, object, embed{ max-width:100%; }
sup{ vertical-align: super; font-size: smaller; }
sub{ vertical-align: sub; font-size: smaller; }
code{ font-family: Monaco, "Andale Mono", "Courier New", Courier, monospace; }
.navbar-fixed-top {top: auto;}
.alignleft { float: left; margin: 1% 2% 2% 0}
.alignright { float: right; margin: 1% 0 2% 2%} 
.aligncenter { clear: both; text-align: center; margin: 1% auto; display: inline-block; }
.alignnone { float: none; margin: 1%; } 
.text-center {text-align: center;}
.text-right {text-align: right;}
.padding-left {padding-left: 0;}
.padding-right {padding-right: 0;}
.padding-none {padding: 0;} 
.margin-none {margin: 0;} 
.row {margin-left: 0; margin-right: 0;}
.container {width: auto; max-width: 80%;}
.alert {padding: 30px; color: #000;}
#loader {
    z-index: 999999; 
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background: rgba(17,17,17,.95) url(library/img/preloader.gif) no-repeat center center;
} 

@-webkit-keyframes fade-out-loader {
	0% { opacity: 2; }
	100% {opacity: 2;}
}
.fade-out-loader {  
    -webkit-animation: fade-out 6s ease-in;
	-moz-animation: fade-out 6s ease-in; /* Firefox < 16 */
    -ms-animation: fade-out 6s ease-in; /* Internet Explorer */
    -o-animation: fade-out 6s ease-in; /* Opera < 12.1 */
    animation: fade-out 6s ease-in;		
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
	-webkit-animation-delay: 4s;
}

.inner.container {width: 80%;}
.padded-top {padding-top: 40px;}
.padded-bottom {padding-bottom: 40px;}
.slick-slide:focus {outline: none;}

/* #Images
/***********************************************************/
img, a img { border:none; padding: 0; margin:0; display:inline-block; max-width: 100%; height:auto; width:auto; image-rendering: smooth; }

/* #Links
/***********************************************************/
	a { text-decoration: none; outline: 0; max-width:100%; max-width:none\9;  }
	a:hover, a:focus, a:visited, button:hover, button:focus, button:visited { outline: 0; text-decoration: none;}
	a:hover, a:focus, a {color: #007eff;}
	p a, p a:visited { line-height: inherit; }
	a img { border: 0}
	#navbar li.dropdown:hover .dropdown-menu {display: block;}
	
/***********************************************************/
/***** HEADINGS / Typography  ******************************/ 
/***********************************************************/

h1,h2,h3,h4,h5 { margin-top: 0; }
	h1, .h1 { font-size: 30px; color: #3a3a3a; line-height: 1.3em; font-weight: 400; margin-bottom: 15px; }
	h2 { font-size: 23px; color: #3a3a3a; line-height: 1.3em; font-weight: 400; margin-bottom: 15px; }
	h3 { font-size: 18px; line-height: 1.1em; font-weight: 400; margin-bottom: 15px; margin-top: 15px; } 
	h4 { font-size: 16px; line-height: 1.1em; margin-bottom: 4px; } 
	h5 { font-size: 16px; line-height: 1.1em; }			
	h6 { font-size: 15px; line-height: 1.1em; }
	
hr { border: solid #ccc; border-width: 1px 0 0; clear: both; margin: 40px 0; height: 0; }

p + h1, p + h2, p + h3, p + h4, p + h5, p + h6{ margin-top:1.4em; }
p { margin: 1.2em 0; }
p img { margin: 0; }
em, i { font-style: italic; }
strong, b{ font-weight: bold;  }
small { font-size: 80%; }
blockquote{ border-left-style:solid; border-left-width:7px; padding-left:20px; margin-bottom:1em; margin-right:1em; font-size: 16px; line-height: 1.5em; border: 0;}
blockquote small, blockquote cite, blockquote small a, blockquote cite a, blockquote a small, blockquote a cite{font-size: 12px;}

#social_links {padding: 0; margin-left: 0; text-align: center}
#social_links > li:first-child {margin-left: 0}
#social_links > li {list-style: none; display: inline-block; margin-left: 15px; }
#social_links > li > a {font-size: 20px; color: inherit}
#social_links > li > a > img {max-width: 200px; max-height: 50px;}
.flex {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
 }
.parallax {
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
} 
.uppercase {text-transform: uppercase;}
.white {color: #fff;}

.ease {
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
}
.masonry { /* Masonry container */
    column-count: 5;
    column-gap: 1em;
}

.masonry-item { /* Masonry bricks or child elements */
    background-color: #f4f4f4;
    display: inline-block;
    margin: 0 0 1em;
    width: 100%;
}

.single_ceramic_gallery.masonry { /* Masonry container */
    column-count: unset;
    /*column-gap: 40px;*/
	column-gap: 10px;
	align-content: space-around;
    display: inline-flex;
	align-items: center;
}

.single_ceramic_gallery .masonry-item { /* Masonry bricks or child elements */
    background-color: transparent;
    display: inline;
    margin: 0 1em 1em;
    width: 100%;
	
}


input, select, textarea {padding: 10px; width: 100%;}
form {margin: 30px auto;}
#sendtobubbles {text-indent: -9999px; background: transparent url(library/img/send2bubbles.jpg) no-repeat center center; border: 0; padding: 25px;}
.bg-danger {padding: 15px;}
.btn {
	border: 1px solid;
	color: rgb(255, 0, 0);
	border-radius: 0;
}
.btn-pink {
	background: #ff65f9;
	color: #fff;
	font-size: 16px;  
	padding: 10px 15px;
	border-radius: 5px;
	border: 0;
} 

.btn-pink:hover, .btn-pink:focus, .btn-pink:active {
	color: #fff;
	border: 0;
	background-color: #0099FF;
	outline-offset: unset;
	outline: none;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
	outline: 0;
}

.margin-top {
	margin-top: 0;
}

/* #Header
/***********************************************************/
#header-top {max-width: 90%; margin: 0 auto;}
.allee-home, .bubbles-home {padding-top: 15px; text-align: center; font-size: 12px; font-weight: 700;}
.allee-home a, .bubbles-home a {color: #000;}
.main-menu .menu-items {text-align: center; padding: 0; margin-top: 15px}
.main-menu ul li {display: inline-block; width: 8%}
.hovereffect, .hovereffect img, .hovereffect a {
    position: relative;
}
.hoveron-wrap {
    opacity: 0;
    display: block;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.hovereffect:hover .hoveroff {
    opacity: 0;
}

.hovereffect:hover .hoveron-wrap {
    opacity: 10;
}
.hoveron {
	color: #000; 
	font-weight: 900;
	position: absolute;
    top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	width: 100%;
} 
#image_with_hover {margin: 15px 0; vertical-align: middle; float: none; display: inline-block;}
#image_with_hover .hoveron {width: 80%; margin: 0 auto;}
#image_with_hover .hovereffect img {max-height: 160px;}
#image_with_hover .hovereffect:hover img, #image_hover .hovereffect:hover img{
	opacity: .25;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;	
}
.red { color: rgb(255, 0, 0);}
.black {color: #000;} 
.menu-items .hoveron {width: 100%;} 

/* #Main Content
/***********************************************************/
.t-content .text-content {line-height: 17px; font-size:12px; color: #999; padding: 0 6%} 
.t-content .text-content a {color: #1501d4; text-decoration: underline}
.logo {padding-top: 5%}
.logo div {line-height: 17px; font-size:12px; color: #FF0000} 
.side-links {padding-top: 5%}
.side-links ul {padding: 0; text-align:center; list-style: none}  
.side-links ul li {display: inline-block; width: 29%; padding: 0 10px 8%;}  
.side-links ul li div {font-size:12px; line-height: 17px;}   
.side-links ul li img {max-height: 130px;}
blockquote p {font-size: 13px; color: #0099FF;}
.x2fonts {font-size: 15px; line-height: 1.6;}
.lips-hover img {
    height: 75px;
}
.lips-hover {
    display: inline-block;
    vertical-align: middle;
}



/* #Basement 
/***********************************************************/
.wp-pagenavi {text-align: center}
.wp-pagenavi span, .wp-pagenavi a {border: none; margin: 0; color: #0066FF; padding: 0 2px} 
.wp-pagenavi a {text-decoration: none}
.wp-pagenavi a span {text-decoration: none;}
/*.single-basement .single_ceramic_gallery img {width: 100%;}*/
.chrome .single-basement .single_ceramic_gallery .masonry-item {display: block;}
.pinkText {color:#ff66ff; font-weight:bold;}

/* #Ceramics
/***********************************************************/
.ceramics_template p {color: rgb(51, 153, 255); font-size: 17px; max-width: 50%; margin: 1.2em auto;}
.ceramics_template p strong {color: rgb(255, 51, 204);}
#ceramics {padding: 0; margin: 0; list-style: none; text-align: center;}
#ceramics li.ceramic_grid_item {display: inline-block; width: 16%; vertical-align: middle; margin-bottom: 10px;}
#ceramics li.ceramic_grid_item img {/*max-width: 120px; min-height: 105px;*/}
#ceramics li.ceramic_grid_item p {color: rgb(255, 0, 0);}
#ceramics li.ceramic_grid_item:nth-child(odd) p { color: rgb(0, 102, 0); } 
.single_ceramic_gallery {margin: 0; padding: 0;}
.single_ceramic_gallery li {display: block; margin-bottom: 15px;}
.chrome .single-painting .single_ceramic_gallery .masonry-item {display: table-row;}
.single-ceramic .single_ceramic_gallery, .single-painting .single_ceramic_gallery {margin-bottom: 20px;}
.single-painting .single_ceramic_gallery img {/*max-width: 650px;*/ max-height: 750px;}
.single-ceramic-title {font-size: 16px;}
.single-ceramic .single-ceramic-title, .single-painting .single-painting-title {font-size: 26px; font-weight: 600;}
.single-card .single-painting .single-painting-title .red {font-size: 20px}
.single-ceramic p, .single-painting p {font-size: 13px; color: rgb(0, 102, 51);}
.price {color: rgb(255, 0, 0); font-size: 16px;}
.single-ceramic-navi {padding-top: 0;}
.single-ceramic .single-ceramic-navi, .single-painting .single-ceramic-navi {padding-top: 0;}
.single-ceramic-navi-left ul {display: none;}
.single-ceramic #content > .container, .single-painting #content > .container, .single-card #content > .container {max-width: 90%;}
.single-ceramic-navi ul {margin: 0; padding: 0; list-style: none;}
.single-ceramic .post_content, .single-ceramic .post_content p, .single-painting .post_content, .single-painting .post_content p, .single-painting .painting-size {
	font-size: 18px; 
	color: #707070; 
	line-height: 1.6em; 
	font-weight: 700;
}
/*.single-ceramic-navi-left img {max-width: 65%;}*/
.next-ceramic img, .next-post img {width: 27px;}
.ceramics_template .container {width: auto; max-width: 80%; margin: 0 auto;}
.ceramic_tiles_title {max-width: 86%; margin: 30px auto; font-weight: 700; font-size: 13px; color: #006600;}
.ceramics2 li a p {display: none}
.ceramics2 li {padding-bottom: 2%}
#image_with_hover.col-sm-2 {width: 16.3334%;}
#image_with_hover.col-sm-3 {width: 24%;}
#image_with_hover.col-sm-4 {width: 32.33333333%;}
#image_with_hover.col-sm-5 {width: 40.66666667%;} 
#image_with_hover.col-sm-6 {width: 49%;}
#five_column #image_with_hover {width: 19%;}
#seven_column #image_with_hover {width: 14%;}
/*.single_ceramic_gallery .ceramic_gallery_item {width: 40%; float: left; padding: 20px;}
.single_ceramic_gallery .ceramic_gallery_item:first-child {width: 60%; float: left; padding: 20px;}*/
article.single-ceramic, article.type-page {min-height: auto;}
.home article.type-page, .page-id-6 article.type-page, .page-id-278 article.type-page  {min-height: auto;}

.page-id-3049 #image_with_hover .hovereffect img {max-height: 210px;} 
.postid-554 .single_ceramic_gallery.masonry { column-count: 4; display: block; column-gap: 5px;}
.postid-554 .single_ceramic_gallery li {display: block;}

/* #Paintings
/***********************************************************/
.red {color: #FF0000;} 
.blue {color: #0099FF;} 
.blue a {color: #00378a;}
.green {color: #006600;}
.pink {color: #FF66FF;}
.purple {color: #a10cc7;}
.dblue {color: #0000FF;}
.sblue {color: #00ccff}
.red-pink {color: #FF0099;}
.small-title {font-size: 16px;}
.paintings_template .container {width: auto; max-width: 80%; margin: 0 auto; }
#paintings {padding: 0; margin: 0; text-align: center;}
#paintings .painting_grid_item {display: inline-block; width: 19%; vertical-align: middle; margin-bottom: 10px; padding: 10px 25px; font-size: 12px; color: #FF0000;}
.term-m-r #paintings .painting_grid_item:last-child {display: block; width: 100%}  
/*.term-m-r #paintings .painting_grid_item img {max-width: 300px}*/
#paintings .painting_grid_item img {max-width: 100%; max-height: 100%;}
#paintings .painting_grid_item  h5 {font-size: 13px; font-weight: 900; margin-top: 5px; padding: 10px;}
#paintings .painting_grid_item .hovereffect {/*max-width: 200px; max-height: 200px;*/ object-fit: contain;}
#number_pagination {padding: 0; margin: 0; list-style: none; text-align: center;}
#number_pagination li {display: inline-block; padding: 0 8px; border-left: 1px solid; text-align: center;}
#number_pagination li:first-child {border: 0;}
#number_pagination li.active a {color: #FF0000;}  
.single-painting-title {color: #a10cc7; font-size: 16px;}
.single-painting-title span {color: #666666; font-size: 14px;}
.single_painting_gallery {margin: 0; padding: 0; list-style: none;}
.single_painting_gallery li {margin-bottom: 15px;}
.single-painting p { font-size: 14px; line-height: 1.6em;}
.dinner-link img {max-width: 100px; border-radius: 100px;}
.dinner-link {margin-bottom: 15px;}
.single-painting .single_ceramic_gallery .multiple-imgs img {max-width: 100%;}
#related_stuff {/*position: absolute; right: 100px; top: 10%;*/ margin-top: 100px; padding-left: 30px;}
.art-details-page {position: relative;}
.related-item {margin-bottom: 15px; text-transform: uppercase; text-align: left; font-weight: 700; padding-left: 40px; background-position: left center; background-repeat: no-repeat;}
.related-item a {color: #000; font-family: Arial Black; font-size: 10px;}
#related_stuff ul {padding: 0; margin: 0; list-style: none;}
#related_stuff h4 {margin-bottom: 30px;}
.related-item.related-painting {background-image: url(library/img/bubbletheartist-mintblue.png);}
.related-item.related-basement {background-image: url(library/img/bubbletheartist-red.png);}
.related-item.related-pbn {background-image: url(library/img/bubbletheartist-pink.png);}
.related-item.related-ceramic {background-image: url(library/img/bubbletheartist-purple.png);}
.related-item.related-card {background-image: url(library/img/bubbletheartist-lime.png);}
.related-item.related-animation {background-image: url(library/img/bubbletheartist-gold.png);}
.related-item.related-web {background-image: url(library/img/bubbletheartist-blue.png);}
#post-pagination {white-space: normal; word-break: break-word; }

/* #catalog
/***********************************************************/

.catalog-page li {display: inline-block; width: 24%; text-align: center; font-size: 16px}
.catalog-page li a {color: #000}
.catalog-page li img {max-height: 136px; display: block; margin: 0 auto}
 
/* #Owner
/***********************************************************/ 
.owner_template h1 {color: #3399FF; font-size: 32px;}
#select_paintings {max-width: 50%; margin: 30px auto; background-color: #3399FF; display: block;}
.page-template-page-owners .modal-backdrop.in {opacity: .9;}
.page-template-page-owners .modal-dialog, .page-template-page-owners .modal.in .modal-dialog, .page-template-page-owners .modal.fade .modal-dialog {
	width: auto; 
	max-width: 60%; 
	top: 50%;
    left: auto;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);	
}
.page-template-page-owners .modal-header {padding: 0; border: 0;}
.page-template-page-owners  .modal-header .close {margin-top: -2px;
    position: absolute;
    right: -10px;
    top: -10px;
    text-shadow: 0 0 transparent;
    color: #fff;
    opacity: 1;
    font-size: 30px;
    font-weight: 300;
    border-radius: 30px;
    background-color: #222;
    border: 2px solid #fff;
    padding: 2px 8px;	
}

.page-template-page-owners .single-ceramic-navi {padding-top: 0;}

/* #search
/***********************************************************/
#searchform input[type="text"]{display: inline-block; max-width: 70%; }
#searchform input[type="submit"] {display: inline-block; width: 28%;}
#searchform > div {}
.six-columns-grid img {max-width: 50%; margin: 0 auto;}
.six-columns-grid .wp-block-image {text-align: center;}
.search.search-results h1.page-title {font-family: 'aw_script_v4medium';} 

/* #animation
/***********************************************************/
.single-animation p {font-size: 14px;}
.single-animation p.price {margin-top: 0; font-size: 12px;}
.single-animation-title {margin-bottom: 5px; font-size: 18px; margin-top: 30px;}
#animation, .inner-container {margin: 0 auto; padding: 0; max-width: 55%; text-align: center;}
#animation {max-width: 80%;}
#animation li {width: 19%; display: inline-block; padding: 10px; vertical-align: middle; overflow: hidden}
#animation li.painting_grid_item img {max-width: 100%; width: auto;}
#animation li.painting_grid_item h5, #basements li.painting_grid_item h5 { font-size: 12px; color: #FF0000; margin-top: 5px; }
#basements {padding: 0;}
#basements li {width: 19%; display: inline-block; padding: 10px; vertical-align: middle; overflow: hidden;}
@media only screen and ( min-width: 1620px ) {
	#basements li.painting_grid_item img {min-width: 200px; max-width: 100%;}
}

#basements li.painting_grid_item img {min-width: auto; max-width: 100%;}

.single-ani #content {min-height: 70vh}

/* #Cards
/***********************************************************/
.christmas_item {padding: 30px;}
.christmas_img {width: 120px;}
.christmas_content {width: calc(100% - 120px); }
.pager li {display: inline-block; width: 49%; text-align: left; }
.pager li.next {text-align: right; }
.pager li.previous {text-align: left; } 
.pager li a {
	border: 0;
    text-indent: -9999px;
    float: none!important;
    background-size: 40px auto !important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    height: 50px;
    width: 70px;
	color: transparent;
}
.pager li.next a {background: transparent url(library/img/arrow-r.gif);}
.pager li.previous a {background: transparent url(library/img/arrow-l.gif);}
.term-gay.term-25 .r2card {display: block!important}

.greeting-card-page li {
display: inline-block;
width: 32%;
text-align: center;
font-size: 16px;} 

.greeting-card-page li img {
max-height: 136px;
display: block;
margin: 0 auto;}

.greeting-card-page li a {color: #000}


/* #Party
/***********************************************************/
.single-party #content {background-repeat: repeat; background-position: left center;}
.slick-slider .slick-list {max-width: 60%; margin: 0 auto;}
.slick-arrow {    
	position: absolute;
    bottom: 0;
    border: 0;
    text-indent: -9999px;
    width: 90px;
    height: 38px;
}
.slick-arrow.slick-next {right: 0; background: transparent url(library/img/forehand-glow.gif) no-repeat;}
.slick-arrow.slick-prev {background: transparent url(library/img/backhand-glow.gif) no-repeat;}
.party-slider .slick-arrow.slick-next {right: 0; background: transparent url(library/img/arrow-r.gif) no-repeat;}
.party-slider .slick-arrow.slick-prev {background: transparent url(library/img/arrow-l.gif) no-repeat;}
.party-slider .slick-arrow {width: 73px; height: 55px; background-size: 45px auto!important;}
.page-template-page-gallery #content, .single-111701 #content {min-height: 80vh;}
.soundc img {position: relative; top: -20px; left: 15px}
.single-party .single-animation-title {margin-bottom: 20px; margin-top: 10px; font-size: 16px;}
.single-party #content {margin-bottom: 30px;}
.party-slider-item img.alignnone {margin: 0 auto;}
#_gallerySlider .slick-arrow {bottom: auto; top: 50%;}
#_gallerySlider {padding-top: 10%;}

/* #Comedians
/***********************************************************/
.comedian_item { margin: 0 auto 30px;}
.comedian_item img {/*max-width: 80px;*/ margin-bottom: 10px;}
.comedians_lists {    max-height: 90vh; overflow-y: scroll;}
.full_slider_item_image > a > img {display: inline-block; margin-bottom: 20px; max-height: 400px; max-width: 700px;}
.full_slider_nav.slick-slider .slick-list {max-width: 100%;}
.single-comedians .modal-backdrop {opacity: 0;}
.single-comedians .modal-body {padding: 0;}
.single-comedians .modal-content {box-shadow: unset; border-radius: 0; border: 0px; background: transparent;}
.single-comedians .modal-dialog {
	width: auto;
    max-width: 960px!important;
    margin: 0;
    left: -5px;
    max-height: 700px;
    overflow: hidden;	
}

.single-comedians .modal-dialog img {
	width: auto!important;
    height: auto;
    max-height: 100%;
    display: block;
    margin: 0 auto;	
}

.single-comedians .modal-content .ekko-lightbox-container>div.ekko-lightbox-item {
	max-height: 700px;
}

.comedians_ .full_slider_slides.slick-slider .slick-list { 
	max-width: 100%;
}


/* #PBN
/***********************************************************/
.inner-pbn.container {/*max-width: 760px;*/ max-width: 90%;}
.pbn_grid_item {display: inline-block; width: 24%; vertical-align: top; margin-bottom: 10px;}
.pbn_grid_item img {max-height: 200px;}
.pbn_wrap {max-width: 70%; margin: 0 auto;}
.single-pbn-wrap > .col-sm-6 {float: none; display: inline-block; width: 49%; vertical-align: top; }
.pb-title {font-size: 24px; font-weight: 700;}

/* #Search
/***********************************************************/
.extrabold {font-family: Arial Black;}
.page-title {font-size: 24px;}
#searchform {max-width: 80%; margin-bottom: 80px;}
.search-form-input {border: 2px solid #979797; padding: 5px; vertical-align: middle; display: flex; margin-bottom: 80px; margin-top: 30px;}
.search-form-input input {border: 0;}
#searchform input[type="text"] {width: calc(100% - 175px); max-width: 100%; font-size: 24px; color: #979797;}
#searchform button[type="submit"] {width: 170px;}
#searchform input:focus {outline: none;}
.search-checkbox label {display: block; position: relative; padding-left: 30px; font-size: 18px; color: #666; margin-bottom: 15px;}
.search-checkbox label span.input-label, .search-checkbox input {display: inline-block; width: auto;}
.search-checkbox label span.input-label {word-break: break-word; vertical-align: top;}
.label-container {
	-webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
}

.label-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 1px;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #999;
  border-radius: 3px;
}

.label-container:hover input ~ .checkmark {
  background-color: #ff65f9;
}

.label-container input:checked ~ .checkmark {
  background-color: #ff65f9;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.label-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.label-container .checkmark:after {
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0; 
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.search-thumbnail {max-height: 175px; min-height: 175px; display: flex; overflow: hidden; width: 100%; text-align: center;}
.search-thumbnail img {max-height: 175px; object-fit: contain; margin: 0 auto;}
.post-type-title {margin-top: 20px; margin-bottom: 10px;}
.search-item {width: 19%; margin-bottom: 30px; float: none; display: inline-block; vertical-align: top;}
#search-results-wrapper {text-align: center;}
.search-categories.search-checkbox label {
	display: inline-block;
	width: 49%;
	vertical-align: top;
}

.search-checkbox.search-categories h3 { padding-left: 30%;}
#_gallerySlider .slick-slide img {margin: 0 auto;}


/* #footer
/***********************************************************/
#footer .f1 p {color: #990099; font-size:0.63em; line-height: 13px;}
#footer .f2 .col-sm-4 img {width: 50%}
#footer .f2 .row {padding-bottom: 3%}
.attribution {color: #00CCFF; padding: 0 15px;}
.attribution a {color: #000; text-decoration: underline; font-weight: 700; font-size: 15px;}
.inner_footer .attribution, .inner_footer .attribution p {font-size: 15px; color: #000;}
.footer-icons {margin-bottom: 3%}
.footer-icons li {display: inline-block; width: 16%}
.global-widget-menu #nav-widget ul {margin:0}
#common_footer {padding-top: 30px;}
 
/***********************************************************/
/* #MEDIA QUERIES ******************************************/
/***********************************************************/ 
.mobile_home {display: none;}

@media only screen and ( max-width: 1500px ) {
	.container {max-width: 100%; padding-left: 30px; padding-right: 30px;}
}

@media only screen and ( max-width: 1340px ) {
	#header-top {max-width: 100%;}
	.ceramics_template .container, .paintings_template .container {max-width: 100%;}
}

@media only screen and ( max-width: 1200px ) {
	.tax-painting-catalog #paintings .painting_grid_item img {width: 100%;} 
	.container {max-width: 100%;}
	#searchform {max-width: 90%;}
}

@media only screen and ( max-width: 1120px ) { 
	.art-details-page article > .clearfix > div {float: none; width: 100%;}
	#related_stuff {margin-top: 0; margin-bottom: 80px; padding-left: 0;}
	.related-item {display: inline-block; margin: 10px;}
	.related-item br {display: none;}
}

@media only screen and ( max-width: 1024px ) { 
	#animation li {width: 23%;}   
	#paintings .painting_grid_item {width: 23%; padding: 15px;}
	.home #header-top .allee-home, .home #header-top  .bubbles-home {width: 100px;}
	#header-top .main-menu {width: calc(100% - 200px);}
	.search-item {width: 24%;}
	.single-ceramic .single-ceramic-navi, .single-painting .single-ceramic-navi {text-align: center;}
}

@media only screen and ( max-width: 1000px ) {
	.main-menu ul li {width: 11%;}
	.logo div {margin-bottom: 15px; margin-top: 8px;}
}

@media only screen and ( max-width: 960px ) {
	.main-menu ul li {width: 8%;}
	#ceramics li.ceramic_grid_item {    width: 19%;}
	.ceramics_template p {max-width: 100%;}
	#basements li {width: 49%; } 
	#image_with_hover {width: 32.33334%!important;}
	#header-top .main-menu {width: 100%;}
	.home #header-top  .bubbles-home, .desktop_home {display: none;}
	.mobile_home {display: block;}
	#header-top .main-menu, #header-top .allee-home, .home #header-top .allee-home{width: 100%;}
	.mobile_menu_1, .mobile_menu_2 {float: left; width: 50%;}
	.mobile_menu_2 {text-align: right;}
	.mobile_menu_1 {text-align: left;}
	.mobile_menu_2 a {text-align: center; display: inline-block;}	
	.search-item {width: 32%;}
	.page-id-6 .content-block .content-block-col{width: 100%; float: none;}
	.catalog-page li {width: 29%;}
	.single-ani #content {min-height: auto;}
	img.alignleft, img.alignright {float: none; margin: 1% auto;}
	.page-id-278 #image_with_hover {width: 32.33334%!important;} 
	.page-id-278 #five_column #image_with_hover {width: 19%!important;}
	.page-id-278 #seven_column #image_with_hover {width: 19%!important;}
	#basements li { width: 32%; }
	.wp-block-columns {text-align: center;}
	.pbn_grid_item {vertical-align: middle;}
} 
 
@media only screen and ( max-width: 768px ) {

} 

@media only screen and ( max-width: 767px ) {
	.main-menu ul li {width: 14%;}
	#ceramics li.ceramic_grid_item {width: 49%;}
	#image_with_hover {width: 48%!important;} 
	#five_column #image_with_hover {width: 48%;}
	#seven_column #image_with_hover {width: 48%;}	
	#animation {max-width: 100%;}
	#animation li {width: 32%;}
	#paintings .painting_grid_item {width: 32%; padding: 10px 15px;}
	#content.paintings_template #post-pagination .col-sm-6 {float: left; width: 50%}  
	.single-card .single-ceramic-navi-left, .single-painting .single-ceramic-navi-left {display: none}
	.single-card .single-ceramic-navi-right ul li {display: inline-block}
	.tax-cards #christmas .christmas_item .christmas_img, .tax-cards #christmas .christmas_item .christmas_content {width: auto; text-align: center;}
	.tax-cards #christmas .christmas_item hr {margin: 40px 0 15px 0;}
	.tax-cards #christmas .christmas_item .christmas_content h5 {line-height: 22px}  
	.page-id-512 .bubbles-home {padding-bottom: 15px} 
	.gcard-menu {word-break: break-word;}
	.chrome .single-painting .single_ceramic_gallery .masonry-item {display: table-row;}
	.post-type-archive-pbn #ceramics .pbn_grid_item {width: 45%}
	.post-type-archive-pbn #ceramics .pbn_wrap {max-width: 100%;}
	.post-type-archive-pbn #ceramics .pbn_grid_item img {width: 90%; max-height: none;}
	.post-type-archive-pbn h1 span.red {font-size: 28px;}
	.single-painting .single_ceramic_gallery img {max-width: 100%;}
	#header-top {max-width: auto;}
	.single-ceramic #content > .container, .single-painting #content > .container, .single-card #content > .container {max-width: 100%;}
	.single_ceramic_gallery.masonry {column-count: 1;}
	.home .f2 .row > .col-sm-4 {padding-bottom: 20px;}
	.single-painting .single-ceramic-navi {padding-top: 10%;} 
	.single-painting .single-ceramic-navi ul li, .single-card .single-ceramic-navi ul li {display: inline-block}
	.single-painting .single-ceramic-navi ul li img {max-width: 70px;} 
	.single-pbn-wrap > .col-sm-6 {width: 49%;}
	.single-pbn .pbn-subtitle {display: none;}
	.slick-slider .slick-list {max-width: 100%;}
	.search-checkbox {margin-bottom: 30px;}
	#searchform button[type="submit"] span {display: none;}
	#searchform button[type="submit"] {width: 50px;}
	#searchform input[type="text"] {width: calc(100% - 50px)}
	.search-item {width: 49%;}
	.footer-icons li img {max-width: 100%!important;}
	.footer-icons li {width: 25%;}
	.single_ceramic_gallery .masonry-item, .chrome .single-painting .single_ceramic_gallery .masonry-item {display: inline; }
	.single_ceramic_gallery.masonry {display: inline-flex; column-count: 2;}
	#animation li.painting_grid_item img {max-width: 100%; width: auto; max-height: 100%;}
	#paintings .painting_grid_item img {max-width: 100%; width: auto; max-height: 100%;}
	.tax-painting-catalog #paintings .painting_grid_item img {max-width: 100%; width: auto; max-height: 100%;}
	#paintings .painting_grid_item .hovereffect {max-width: 100%; max-height: 100%;} 
	.catalog-page li {width: 49%;} 
	.wp-block-image .alignleft, .wp-block-image .alignright {text-align: center; float: none; display: block;}
	.page-id-242 .wp-block-column {text-align: center;}
	.search-checkbox.search-categories h3 {text-align: center; padding-left: 0;}
	#related_stuff {text-align: center; margin-top: 0; margin-bottom: 20px;} 
	.art-detail-wrapper {padding-bottom: 0;}
	.comedians_ .full_slider_item .clearfix {display: flex; flex-direction: column;}
	.comedians_ .full_slider_item .clearfix .col-sm-2 {order: 1;}
	.comedians_ .full_slider_item .clearfix .col-sm-8 {order: 2;}
	.comedians_ .full_slider_item #related_stuff {margin-top: 0; margin-bottom: 20px;}
	.comedians_template {padding-top: 20px;}
	.post-436 {text-align: center;} 
	.post-436 h5 {margin-top: 20px; margin-bottom: 15px;}  
	.party-slider .slick-arrow {bottom: 0;}
	.party-slider, #_gallerySlider {padding-bottom: 80px;}
	.party-slider .party-slider-item * {margin-bottom: 1em;}
	#ceramics li.ceramic_grid_item {width: 30%!important; }
	.postid-554 .single_ceramic_gallery.masonry { column-count: 2; display: block; column-gap: 5px;}
	.hand-navigation > div {float: left; width: 50%; padding: 0;}
	#_gallerySlider .slick-arrow {bottom: 0; top: auto;}
	.inner.container {width: 100%;}
	#_gallerySlider .slick-slide img {margin: 0 auto;}
	#_gallerySlider {margin-bottom: 60px; padding-bottom: 80px;}
}

@media only screen and ( max-width: 450px ) {
	#paintings .painting_grid_item {width: 45%; padding: 15px;}
	.tax-painting-catalog #post-pagination {padding-bottom: 5%; margin-top: 15px;}
	#searchform input[type="text"] {font-size: 16px;}
	.wp-block-spacer {display: none;} 
	.page-id-346 .wp-block-image { margin-top: 2em;}
	.related-item, .single-painting .single-ceramic-navi ul li, .single-card .single-ceramic-navi ul li {display: block;}
	#related_stuff {width: 80%; margin: 20px auto 20px;}
	#ceramics li.ceramic_grid_item {width: 49%!important; }
	.single_ceramic_gallery .masonry-item, .chrome .single-painting .single_ceramic_gallery .masonry-item {
		display: block;
		margin: 1em 0;
	}
	.single_ceramic_gallery.masonry {display: block; column-count: unset;}
	.page-id-278 #image_with_hover {width: 48!important;} 
	.page-id-278 #five_column #image_with_hover {width: 48%!important;}
	.page-id-278 #seven_column #image_with_hover {width: 48%!important;}	
	#basements li.painting_grid_item img {max-height: 200px;}
	#basements li { width: 49%; }
	.page-id-242 .six-columns-grid img {max-width: 72%;}
	.wp-block-image .alignleft {margin: .5em 0 .5em 0;} 
	.single-pbn-wrap > .col-sm-6 {width: auto;}
}


@media only screen and ( max-width: 375px ) {
	#animation li, #paintings .painting_grid_item {width: 100%;}
	#paintings .painting_grid_item .hovereffect {max-width: 100%; max-height: 100%;}
	.main-menu ul li {width: 20%;}
	.search-checkbox label {font-size: 16px; padding-left: 20px;}
	.postid-554 .single_ceramic_gallery.masonry { column-count: 1; display: block; column-gap: 5px;}
	
}