/*
Theme Name:     Gold Leafing Art Studio
Theme URI:      http://www.sofact.com
Description:    A Gold Leafing Art Studio theme .
Author:         Sudhanshu Swami
Author URI:     https://www.sofact.com
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Template:       twentyseventeen
Version:        1.11
*/
@import url(//fonts.googleapis.com/css?family=Niconne);
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap');

body {
  font-family: 'Playfair Display', serif;
}

h1,h2,h3,h4{
font-family:"Playfair Display";
color:000;
}

.entry-content{
font-family:"Playfair Display";
color:000;
}
/* Force sticky navigation into position */
#page-header {
  margin-bottom: 0 !important;
}
/* Force header image to full height */
#custom-header-media {
  height: 100vh;
  max-height: 100%;
  overflow: hidden;
  position: relative;
}

.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title{
text-transform: none;
font-size: 1.4rem;
color: #95037e;
margin: 0;
padding-left: 6px;
}
@media screen and (max-width: 48em) {

  .has-header-image.twentyseventeen-front-page .site-branding,
  .has-header-video.twentyseventeen-front-page .site-branding,
  .has-header-image.home.blog .site-branding,
  .has-header-video.home.blog .site-branding {
    bottom: 0;
    display: block;
    left: 0;
    height: auto;
    padding-top: 0;
    position: absolute;
    width: 100%;
  }
}


	body.page-template-leftsidebar #primary .entry-header,
	body.page-template-leftsidebar #primary .page-header {
		float: left;
		width: 24% !important;
	}

 
	
	body.page-template-leftsidebar #primary .entry-content,
	body.page-template-leftsidebar #comments {
		float: right;
		width: 72% !important;
		padding-left:15px;
	}
	
	.entry-meta{
		display:none;
	}

 
 .category .site-main > article,
 .blog .site-main > article{
    padding-bottom: 0em;
    float: left;
    margin:  1%;
   
width: 48%;
	position: relative;
	overflow:hidden;
	background-color: #eee; 
 }	
 
 
 .category .site-main > article	img, 
.category .site-main > article	video,
.blog .site-main > article	img, 
.blog .site-main > article	video {
    height: auto;
    max-width: 100%;
    width: 100%;
}

.category .site-main > article .post-thumbnail,
.blog .site-main > article .post-thumbnail {
    margin-bottom: 0em;
}
	
.category .site-main > article	.entry-content,
.blog .site-main > article	.entry-content {
position: relative;
bottom: 2px;
text-align: center;
 
font-size: 20px;
width: 100%;
padding: 0 0.2em;
	-webkit-transition: opacity 2.2s;
	transition: opacity 2.2s;
	opacity:1;
	color: #000;
}

.category .site-main > article:hover .entry-content,
.blog .site-main > article:hover .entry-content {
opacity:1;
}

.category .site-main > article	.entry-content .entry-title,
.blog .site-main > article	.entry-content .entry-title{
	font-size: 26px;
font-size: 0.825rem;
color: #000;
margin-bottom: 0.3em;
text-align: center;
font-weight:normal;
font-size: 2rem;
text-decoration:none;
line-height: 2rem;
}

.category .site-main > article	.entry-content  .entry-title a ,
.blog .site-main > article	.entry-content  .entry-title a {
    color: #8B0000; /* #8F00FF;*/
    text-decoration: none;
    margin-left: 0px;
	-webkit-box-shadow: inset 0 -1px 0 rgba(64, 64, 64, 1);
    box-shadow: rgb(64, 64, 64) 0px -1px 0px inset;
box-shadow: inset 0 -1px 0 rgba(64, 64, 64, 1);

box-shadow:none;
}

.category .site-main > article .entry-header,
.blog .site-main > article .entry-header {
    padding: 0;

}
	
	.entry-header .entry-title {
    display:none;
}

 
	
/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/


.menu-toggle {
color: #fff;
}

.navigation-top {
	background: #fff;
	font-size: 16px;
	font-size: 1rem;
	position: relative;
}

.navigation-top .wrap {
	max-width: 1000px;
	padding: 0;
}

.navigation-top a {
	color: #fff;;
	font-weight: 600;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	text-shadow: 1px 1px 1px #333;
}



.main-navigation a:hover {
	color: #F8DF8E;
}

.main-navigation li.current-menu-item a{
	color: #F8DF8E;
}





body.has-header-image .site-title,
body.has-header-video .site-title,
body.has-header-image .site-title a,
body.has-header-video .site-title a {
	color:#FFD26A;
	text-shadow: 2px 2px 3px #000;
	text-transform: none;

}


body.has-header-image .site-description,
body.has-header-video .site-description {
	color:#FFD26A;
text-shadow: 2px 2px 3px #000;

	opacity: 0.8;
}



/*--------------------------------------------------------------
13.3 Regular Content
--------------------------------------------------------------*/

.site-content-contain {
	background-color: #fff;
	background: #F8DF8E url("./assets/images/body-bg-8.jpg");
	position: relative;
}






/*--------------------------------------------------------------
13.6 Footer
--------------------------------------------------------------*/

.site-footer {
	border-top: 1px solid #eee;
}

.site-footer .wrap {
	padding-bottom: 0;
	padding-top: 0;
}





/*--------------------------------------------------------------
15.0 Widgets
--------------------------------------------------------------*/

#secondary {
	padding: 1em 0 2em;
}

.widget {
	padding-bottom: 3em;
}

h2.widget-title {
	color: #222;
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	margin-bottom: 0;
	text-transform: uppercase;
	padding-left:0.6em;
}

.widget-title a {
	color: inherit;
}

/* widget forms */

.widget select {
	width: 100%;
}


/* widget lists */

.widget ul {
	list-style: none;
	margin: 0;
}

.widget ul li,
.widget ol li {
	border-bottom: 0px solid #ddd;
	border-top: 0px solid #ddd;
	padding: 0em 0;
}

.widget ul li a,
.widget ol li a{
border-bottom: 0px solid #ddd;
border-top: 0px solid #ddd;
padding: 0.5em 0.5em;
background: #8C231D;
background:#65c35f;
display: block;
color: #fff;
 margin:3px 0;

 border-left: 8px solid #fff;
}
.widget ul li a:hover,
.widget ol li a:hover{

color: #fff;
/*-webkit-box-shadow: inset 0 0 0 rgba(230, 188, 43, 0), 0 3px 0 rgba(211, 171, 34, 1);
box-shadow: inset 0 0 0 rgba(230, 188, 43, 0), 0 3px 0 rgba(211, 171, 34, 1);*/

border-bottom: 0px solid #E5BF3C;
border-top: 0px solid #D3AB22;
box-shadow:none;
-webkit-box-shadow:none;
text-shadow:none;
background-color: #36ae2e;	
border-left: 8px solid #FFD26A;
}


.widget:not(.widget_tag_cloud) ul li + li {
	margin-top: -1px;
}

.widget ul li ul {
	margin: 0 0 -1px;
	padding: 0;
	position: relative;
}

.widget ul li li {
	border: 0;
	/*padding-left: 24px;
	padding-left: 1.5rem;*/
}






 

	/* Layout */

	.wrap {
		max-width: 1000px;
		padding-left: 0em;
		padding-right: 0em;
	}
.site-content .wrap {
	background-color:#fff;
}

	.has-sidebar:not(.error404) #primary {
		float: right;

		width: 73%;
	}

	.has-sidebar #secondary {
		float: left;

		padding-top: 0;
		margin-top: 7px;
		width: 26%;
		/*background: url("./assets/images/gold-bg-91.jpg");*/
		background-color:#eaeaea;
	}

	.error404 #primary {
		float: none;
	}


.page-header {
  padding: 6px 0 0 6px;
}





	/* Navigation */

	.navigation-top {
		
		background: url("./assets/images/gold-bg-91.jpg");
		bottom:0;
		font-size: 14px;
		font-size: 1.275rem;
		left: 0;
		position: absolute;
		right: 0;
		width: 100%;
		z-index: 3;
		  border-bottom: none;
  border-top: 1px solid #FFD26A;
	}


 


			body,
	button,
	input,
	select,
	textarea {
		font-size: 12px;
		font-size: 1rem;
		line-height: 1.5;
	} 
	


	body:not(.has-sidebar):not(.page-one-column) .page-header,
	body.has-sidebar.error404 #primary .page-header,
	body.page-two-column:not(.archive) #primary .entry-header,
	body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
		float: left;
		width: 26%;
		padding-left: 18px;
	}

	.blog:not(.has-sidebar) #primary article,
	.archive:not(.page-one-column):not(.has-sidebar) #primary article,
	.search:not(.has-sidebar) #primary article,
	.error404:not(.has-sidebar) #primary .page-content,
	.error404.has-sidebar #primary .page-content,
	body.page-two-column:not(.archive) #primary .entry-content,
	body.page-two-column #comments {
		float: right;
		width: 72%;
	}

	.blog .site-main > article,
	.archive .site-main > article,
	.search .site-main > article {
		padding: 2em;
	}



/*--------------------------------------------------------------
11.0 Featured Image Hover
--------------------------------------------------------------*/

.post-thumbnail:hover {
	 z-index:999;
}
.post-thumbnail a img {
	-webkit-backface-visibility: hidden;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
		transition: all 0.3s ease-in-out; 
		
		position: relative;
}

.post-thumbnail:hover a img {
	opacity: 1;
transform: scale(1.3);
z-index: 99999;

}




	
	/* Secondary */

	#secondary {
		font-size: 14px;
		font-size: 0.875rem;
		line-height: 1.6;
		background: #eee;
padding: 8px;
	}

	/* Widgets */

	h2.widget-title {
		font-size: 11px;
		font-size: 0.6875rem;
		margin-bottom: 1em;
	}

	/* Footer */

	.site-footer {
		font-size: 14px;
		font-size: 0.875rem;
		line-height: 1.6;
		margin-top: 1em;
		background-color: #f0cc51;
	}


	.custom-html-widget{
	padding:2px 7px;
	}
	
	
	h2.widget-title {
margin-bottom: 0em;
background-color: #F8DD74;
padding: 11px;
text-transform: none;
font-size: 1.2em;
	}
	
	

 .category #main{ 
display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
flex-wrap: wrap;
}

  .category #main article { 

background-color:#f8e7f9;
 
}

 
.home #main article,
.single #main article {

  width: 100%;
  text-align: center;
}



	@media screen and (max-width: 768px) {

		body:not(.has-sidebar):not(.page-one-column) .page-header,
	body.has-sidebar.error404 #primary .page-header,
	body.page-two-column:not(.archive) #primary .entry-header,
	body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
	
		width: 98%;
		
	}
	.blog:not(.has-sidebar) #primary article,
	.archive:not(.page-one-column):not(.has-sidebar) #primary article,
	.search:not(.has-sidebar) #primary article,
	.error404:not(.has-sidebar) #primary .page-content,
	.error404.has-sidebar #primary .page-content,
	body.page-two-column:not(.archive) #primary .entry-content,
	body.page-two-column #comments {
		float: right;
		width: 98%;
	}
	
 .category .site-main > article,
 .blog .site-main > article{
    padding-bottom: 0em;
    float: left;
    margin: 4px 1%;
width: 98%;
	
 }	
 .has-sidebar:not(.error404) #primary {

    float: right;
    width: 100%;
}
.has-sidebar #secondary {
    width: 100%;
}
 .main-navigation ul {
background: #c3c3c3; ;
}


 
.navigation-top{
	bottom:auto;
	position: relative;}
	}