/*
Theme Name: Shopkeeper Child
Theme URI: http://shopkeeper.getbowtied.com/
Description: This is a child theme for Shopkeeper.
Author: Get Bowtied
Author URI: http: //www.getbowtied.com/
Template: shopkeeper
Version: 1.0
*/

@import url("../shopkeeper/style.css");

/****************************************************************/
/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/
/****************************************************************/

body{
background-color: #000000;
}
/**header start**/

.site-header{
    background-color: transparent;}

#masthead{
    background-color: transparent;}
    
.st-menu.slide-from-right {
    background: #1E1E1E none repeat scroll 0% 0%;
margin-left: 100%;
}

/**header end**/

/**footer start**/

.social_media{
    font-size: .7em;}

@media screen and (max-width: 500px) {
    .social_media {
        font-size: 14px;}
}

.copyright_text{
    padding-top: 40px;
    font-size: 12px;
text-align: center;}
    
.main-navigation ul ul {
    background: #242424!important;
    }
.wpb_tour.wpb_content_element .wpb_tabs_nav li.ui-tabs-active a, .wpb_tabs.wpb_content_element .wpb_tabs_nav li.ui-tabs-active a, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a, .main-navigation ul ul li a:hover {
    border-bottom-color: #BE1A06!important;
}
body .main-navigation ul ul li a {
    font-size: 14px!important;
    margin: 3px 30px;
    padding: 0;
    border-bottom: 2px solid transparent;
    text-transform: uppercase;
    font-weight: 500;
    color: #FFF !important;
}  
    
.footer-address{
text-align: center;
font-size: 20px;
margin-top: 20px;
}

/**footer end**/


/**lamp start**/

.lamp2{
background-image: url("/wp-content/uploads/2016/01/lamp.png");
background-repeat: no-repeat;
background-size: 65% 65%;
width: 300px;
height: 500px;
left: -40px;
top: 0px;
position: absolute;
background-size:contain;
}

@media screen and (max-width: 1023px) {
    .lamp2 {
        display: none;
    }
    #masthead {
    background-color: #000!important;
}
}
/**lamp end**/

/**event page start**/

h30
{font-size: 35px;	
color: #cccccc;
position: relative;
height: 70px;
top: 350px;
padding-left: 20px;
padding-right: 50px;
padding-top: 5px;
border: solid;
border-color: grey grey grey black;
border-width: 2px 2px 2px 4px;
-webkit-border-top-right-radius: 30px 30px; 
-webkit-border-bottom-right-radius: 30px 30px;
background-image: url("/wp-content/uploads/2016/01/info.png");
background-size: 30px 30px;
background-repeat: no-repeat;
background-position: 210px 10px;
background-color: rgba(0,0,0,0.7);

}

@media screen and (max-width: 700px) {
h30{
font-size: 25px;
top: 305px;
padding-left: 10px;
padding-right: 37px;
margin-right: 10px;
background-size: 25px 25px;
background-position: 142px 7px;
}
}

/* unvisited link */
h30:link {
    color: #cccccc;
    background-color: rgba(0,0,0,0.7);
}

/* visited link */
h30:visited {
    color: #ffffff;

}

/* mouse over link */
h30:hover {
background-color: #000000;
color: #ffffff;
border-color: white white white black;

-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
}

/* selected link */
h30:active {
    color: #ffffff;
}

.flyer-images{
max-width: 900px;
margin: auto auto;
padding: 50px;}

.top-tape{
position: absolute;
margin-left: -60px;
margin-top: -55px;
z-index: 2;}

.bottom-tape{
position: relative;
margin-left: 70%;
margin-top: -25%;
z-index: 2;}

.main-image{
float: left;
padding-right: 20px;
width: 40%;
z-index: 1;}

.flyer-images-row{
float: right;
width: 50%;
height: 440px;
padding-right: 30px;
overflow-x: auto;
}

.flyer-images-row::-webkit-scrollbar{
width:30px;
height: 440px;
border-radius: 25px;
background-repeat: no-repeat;
background-position: center; 
background-image: url("/wp-content/uploads/2016/01/red-scroll9.png");

 }

.flyer-images-row::-webkit-scrollbar-thumb{
background-repeat: no-repeat;
background-size:contain;
background-image: url("/wp-content/uploads/2016/01/fader-btn.png");
cursor:pointer;

}
.flyer-images-row::-webkit-scrollbar-thumb:hover{

}
.flyer-images-row::-webkit-scrollbar-thumb:active{

} 

.flyer-images-row::-webkit-scrollbar-track{
} 

.flyer-row{
width: 100%;
display: inline-block;}

.flyer-pic{
display: inline-block;
 margin-bottom: 10px;
 width: 100%;}


.flyer-col{
	 -moz-column-count: 1;
 -moz-column-gap: 10px;
 -webkit-column-count: 1;
 -webkit-column-gap: 0px;
 column-count: 1;
 column-gap: 0px;

	
}

.flyer-r3, .flyer-r4{
width: 100%;}


    /* event page hover */
.main-image-hover:hover img , .pic2:hover img {
	opacity: 1;
	-webkit-animation: flash 1s;
	animation: flash 1s;
	-webkit-transform: scale(1.01);
	transform: scale(1.01);
}


.event-hover:hover img{
	opacity: 1;
	-webkit-animation: flash 1s;
	animation: flash 1s;
	-webkit-transform: scale(1.01);
	transform: scale(1.01);
}

@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

/**responsive**/

@media screen and (max-width: 700px) {
  
.main-image{
min-width: 320px;
float: none;
margin: auto auto;
padding-bottom: 20px;
width: 50%;}

.flyer-images-row{
width: 100%;
float: none;
padding-left: 15%;
height: auto;
margin: auto auto;
   overflow-x: none;}



.bottom-tape{
position: relative;
padding-right: -0%;
margin-top: -25%;
z-index: 2;}
}

/**event page end**/

/**contact form 7 start**/

.contact-bg{
background-image: url("/wp-content/uploads/2016/01/contact-bg.png");
width: 600px;
height: 400px;
background-size: contain;
margin: auto auto}

.contact-info{
text-transform: uppercase;
font-size: 22px;
text-align: center;
/*line-height: 40%;*/
padding-bottom: 50px;
padding-top: 40px;}

.contact-info small{
text-transform: uppercase;
font-size: 17px;
text-align: center;}

.contact-form{
width: 500px;
margin: auto auto;
}

.contact-submit{
}

body .button, body input[type="button"], body input[type="reset"], body input[type="submit"] {
    background-color: #A30001 !important;
}


@media screen and (max-width: 650px) {
.contact-bg{
width: 600px;
height: 400px;
background-size: contain;
transform: scale(.9, .9);
margin: auto auto}

.contact-form{
width: 100%;
margin: auto auto;
}

}
/**contact form 7 end**/

/* Mailing List
===============================================================*/
.site-footer-widget-area > .row
{
	border-bottom: none;
}

.mailing-list{
width: 500px;
margin: auto auto;
margin-top: 30px;
}

.mailing-list-title{
font-size: 50px;
color: #fff;
}

.mailing-list-form{
width: 500px;
margin: auto auto;
}

.mailing-list-email{
float: left;
background-color: #515151;
width: 300px;
max-height: 50px;
}
	
.mailing-list-join{
float: right;
text-align: center;
	width: 200px;}

input#mc4wp_email {
background-color: #181818;
border-width: 2px;
color: #fff;
height:50px;
font-family: "Myanmar MN", Times, serif;
font-weight: 100;
letter-spacing: 1px;
}

.mc4wp-form-407 input[type="submit"], .mc4wp-form-407 button, .mc4wp-form-407 input[type="button"], .mc4wp-form-407 input[type="reset"] {
    background: #a30001 !important;
    font-family: "Myanmar MN", Times, serif;
    font-weight: 100;
    letter-spacing: 1px;

}
@media screen and (max-width: 700px) {
	
	.mc4wp-form-407 input[type="submit"], .mc4wp-form-407 button, .mc4wp-form-407 input[type="button"], .mc4wp-form-407 input[type="reset"] {
font-size: 11px;
   letter-spacing: 0px;
}

.site-footer-widget-area {
	display: inline;}
	.trigger-footer-widget-area{
		display: none;
	}
.mailing-list{
width: 300px;
margin: auto auto;
margin-top: 30px;
}


.mailing-list-form{
width: 300px;
margin: auto auto;
}

.mailing-list-email{
width: 150px;
}
	
.mailing-list-join{

width: 150px;
}

input#mc4wp_email {

font-size: 12px;
letter-spacing: 0px;
}

}



input:placeholder-shown {
color:#fff;
}	
	
.response{
margin-top: 50px;}



/**Template pages start**/
/**test**/
body.page-id-77 {
   background-image: url("/wp-content/uploads/2016/01/bg.jpg");
   background-size: cover;
   background-repeat: repeat-x;
}

/**contact**/
body.page-id-139 {
 background-color: #000000;
}

/**gallery**/
body.page-id-194 {
   background-image: url("/wp-content/uploads/2016/01/gallery-bg.jpg");
   background-size: cover;
   background-repeat: repeat-x;
   background-attachment: fixed;

}

body.page-id-491 {
background-image: url("/wp-content/uploads/2016/01/gallery-bg.jpg");
   background-size: cover;
   background-repeat: repeat-x;
   background-attachment: fixed;
}

/**events**/
body.page-id-13 {
   background-image: url("/wp-content/uploads/2016/01/bg.jpg");
   background-size: cover;
   background-repeat: repeat-x;
}

/**press**/
body.page-id-145 {
   background-image: url("/wp-content/uploads/2016/01/press-bg.jpg");
   background-size: cover;
   background-repeat: repeat-x;
}

/**Template pages end**/

/**Press pages start**/
	
	
	.single-press-wrap{
	background-color: #ffffff;
	width: 65%;
	color: #000;
	margin: 15px auto 15px auto;
	display: table; 
	font-family: "poppins";
	max-width: 1000px;
}

.single-press-lt{
	float: left;
		width: 30%;
		padding: 10px;
}

.single-press-rt{
	float: right;
		width: 70%;
		padding: 20px;
}

	.single-press-image{
		float: left;
	}
	
	
	.single-press-title{
		color: #A30001;
		font-size: 20px;
	}
	
    .single-press-description p{
		font-size: 14px;
	}
	

	.single-press-btn a{
		background-color: #A30001;
		color: #fff;
		padding: 10px;
		font-size: 14px;
	}
	
		.single-press-btn a:hover{
		background-color: #000;
		color: #fff;
		padding: 10px;
	}
	
@media (max-width: 1023px){
	.single-press-wrap{
	width: 90%;
}

		}
		
@media (max-width: 767px){
	
		.single-press-wrap{
	width: 90%;
	padding: 10px;
}

		.single-press-lt{
	float: none;
	padding: 0px;
		width: 100%;
		clear: both;
}

.single-press-image{
		margin: auto auto;
		width: 100%;
		display: block;
	text-align:center;
	
	}
	
.single-press-rt{
	float: none;
		width: 100%;
		padding: 10px;
		clear: both;
}

	.single-press-title{
		text-align: center;
	}
	
	.single-press-description{
		text-align: center;
	}
	
	}
	
	
	
	
div.button-block a{
	background-color: #A30001 !important;
}

.press-wrap{
max-width: 900px;
margin: auto auto;
width: 105%;
}



/**Gallery start**/
	
/**.gallery-wrap{
max-width: 1200px;
margin: auto auto;
width: 92%;
}


.masonry-layout {
column-count: 4;
-webkit-column-count: 4;
-moz-column-count: 4;
column-gap: 0;
-webkit-column-gap: 0;
-moz-column-gap: 0;
width: 100%;
margin: auto auto;
max-width: 1500px;
}

.masonry-layout-panel {
break-inside: avoid;
page-break-inside: avoid;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
}

.masonry-layout-panel-content{
	margin-bottom: -30px;
}

.masonry-layout-panel-content img{
	padding: 0px 5px 0px 5px;
}


.masonry-layout-panel-content img:hover{
	opacity: .7;
}
**/

div#cboxCurrent {
display: none!important;
}

.gallery-wrap{
max-width: 1200px;
margin: 0px auto 0px auto;
}


.masonry-layout {
margin: auto auto;
max-width: 1000px;
	    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}


div.masonry-layout-panel{
		display: inline-block;
	width: 24%;
	float: none;
	vertical-align: top;
}

div.masonry-layout-panel img{
	height: auto;
	object-fit: fit;
/* 	margin-bottom: -35px; */
	height:300px;
	width: 250px;
    max-width: 100%;
}

a.group1.cboxElement img:hover{
	opacity: .5;
}

/* @media (min-width: 1024px) and (max-width: 1280px){
.top-headers-wrapper .site-header .site-header-wrapper .site-tools>ul>li.offcanvas-menu-button {
    display: block !important;
}
} */
@media (max-width: 750px){
div.masonry-layout-panel img{
	height: 200px;
}
	div.masonry-layout-panel{
		width: 30%;
	}
}

@media (max-width: 500px){
	div.masonry-layout-panel{
	width: 45%;
	float: none;
	
}
div.masonry-layout-panel img{
	height: 200px !important;
}
}
@media screen and (max-width: 390px) {
    .main-image {
        min-width: 260px !important;
      
    }
}

/**Gallery pages end**/

/****************************************************************/
/****************************************************************/
/****************************************************************/