/* WORK & PORTFOLIO STYLES */
.otherProjects .thumb img	{
	max-width: 360px;
	height: auto;
}

.websiteCategories .thumb img	{
	height: auto;	
	border: 1px solid #FFF;
}


@media (min-width: 768px){
	.websiteCategories .thumb img	{filter: grayscale(10%) opacity(80%);}
}
.websiteCategories .thumb img:hover	{
	filter: none;
}
/* a.button	{
	color: var(--color-a-button);
	border: 1px solid var(--color-a-button-border);
	background-color: var(--color-a-button-background);
}	 */

@media only screen and (min-width: 498px) and (max-width: 924px) {
    .sectionClients .flex-col-3 {
        width: 50%;
    }
}
/* from 483++ */

.page-portfolios .intro_text p{padding:0px 10px; max-width: 1170px;}
.page-portfolios .intro_text a{border: 1px solid #fff;padding: 12px 20px 10px;display:inline-block;margin-bottom:20px;}
@media screen and (max-width: 599px){
	.pf_all_container .website_portfolio_thumbs{width: 50% !important;}
}
@media screen and (max-width: 509px){
	
.pf_all_container .website_portfolio_thumbs{width: 100% !important;}
.pf_all_container .website_portfolio .img-responsive{display:table !important;}
}

@media only screen and (min-width: 1200px){
.recent .website_portfolio_thumbs_inner{ max-width: 350px;	margin: 10px auto}
}

div.tags	{
	font-size: .8em;
}

p.siteLink	{
	text-align: center;
	text-decoration: underline;
}


/* TEMPORARY SOLUTION */

/*@media (max-width: 1000px) {
	.page-home .longThumbCarousel .websiteCarousel { display: none; } 	
}*/


.otherProjects:hover .thumb img	{
transition: all .2s ease-out!important;
height: 100%;
width: 100%;
transform: scale(1.01);
}

.otherProjects .thumbLong img	{
	max-width: 360px;
	height: auto;
	border: 1px solid #eee;	
}

.otherProjects:hover .thumbLong img	{
	height: 100%;
}
.pTag{
	text-decoration: none;
    border: 1px solid #fff;
    color: #fff;
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
    background-color: #000;
}
.clientsTitle{
	font-size: 1rem;
	position: relative;
    /* width: 360px; */
    /* height: auto; */
	text-align: center;
	/* height: 6em; */
    overflow: hidden;
    text-overflow: ellipsis;
}

section.portfolioCategories:not(.page-portfolios section.portfolioCategories)	{
	background-color: var(--color-accent1);
}

.page-portfolios .thumbnailTitle,
.page-portfolios .thumbnailTitle h4	{
	width: 100%;
	font-size: 1.6rem;
	font-weight:normal;
}

section.portfolioCategories .container	{
	max-width: 50rem;
}

section.portfolioCategories h3.accordion-head,
section.portfolioCategories h4.center	{
	padding: 0;
	margin: 0 0 12px;;
	max-width: 100%;
	font-size: .9rem;
}

.portfolioCategories .thumbnailTitle {
    font-size: 14px;
    position: relative;
    text-align: center;
    overflow: hidden;
    /* text-overflow: ellipsis; */
}
.websiteCategories .thumb{
	margin: 0px;
	display: flex;
    justify-content: center;
}

.mainContent ul.zeroMarginPadding {
	margin: 0px !important; 
	padding: 0px;
	list-style: none;
	width: 100%;
}

section.portfolioCategories h3.accordion-head,
.mainContent ul.zeroMarginPadding li {
	border: 1px solid #333;
	padding: 5px 3px 3px;
	text-align: center;
	background-color: rgba(255,255,255,.8);
}

.mainContent ul.zeroMarginPadding li a {
	color: black;
}

.mainContent ul.zeroMarginPadding li:hover {
	background-color: white;
	text-shadow: 0.2px 0.2px 0.2px rgba(0,0,0,0.8);
}

section.portfolioCategories h3.accordion-head {
	background-color: white;
}

section.portfolioCategories h3.accordion-head:hover {
	color: var(--color-accent2);
	text-shadow: 0.1px 0.1px 0.1px var(--color-accent2);
}

.accordion_tag_panel {
	font-size: 1.3rem;
	max-width: 60rem;
	margin: 20px auto 0;
}

.single-websites img.size-full	{
	border: 1px solid #eee;
}

section.otherWebsiteDesigns	{
	padding-top: 1rem;
	border-top: 1px solid #ddd;
}

.accordion-expand::before {
	content: "\25BE"; /* Unicode character for downward arrow */
}

.accordion.expanded .accordion-expand::before {
	content: "\25B4"; /* Unicode character for upward arrow */
}

#openAccordion .accordion-body ul li {
    margin-bottom: 10px; /* Adjust the margin value as needed */
}
.accordion-head.hidden {
    display: none;
}


/* By-Tag pages 
**********************************************/

.tax-website_tag .otherProjects .thumb img	{
	max-width: 450px;

}
.tax-website_tag section.thumbnails .container {
    width: min(85rem, 100%);
    }