/* 
 Theme Name:     Jem Music
 Author:         Rocketpop
 Author URI:     www.rocketpop.com
 Template:       Divi
 Version:        1
 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker
Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like
 Wordpress Version: 4.5.3
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 


/*
------------------------
GLOBAL STYLES
------------------------
*/
@font-face {
    font-family: 'Sackers Gothic Medium';
    src: url('fonts/sackers_gothic_medium/sackers_gothic_medium-webfont.woff2') format('woff2'),
         url('fonts/sackers_gothic_medium/sackers_gothic_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body.page-template-page-home{}
body.page-template-page-home #main-header {}
body.page-template-page-home #page-container {

}
h1,h2,h3,h4,h5,h6 {
	text-transform:uppercase;
	font-family:'Sackers Gothic Medium', sans-serif;
	line-height:1.5em;
}

.mobile-section-image img {
	border-radius:50%;
	-webkit-border-radius:50%;
}
/*
------------------------
LAYOUT STYLES
------------------------
*/

#main-header,
#main-header.et-fixed-header {
    -webkit-box-shadow: 0 0px 0 rgba(0, 0, 0, 0) !important;
    -moz-box-shadow: 0 0px 0 rgba(0, 0, 0, 0) !important;
    box-shadow: 0 0px 0 rgba(0, 0, 0, 0) !important;
}

a.header-subscribe {
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #;
    padding-left: 20px;
}
#hero-takeover,
.full-height {
	position:relative;
	display:table;
	width:100%;
	min-height:800px;
	min-height:100vh;
	overflow:hidden;
}
#hero-takeover.active {}

#hero-takeover .hero-container,
.full-height .container {
	display:table-row;
}
#hero-takeover .hero-container .hero-content,
#hero-takeover .et_pb_row,
.full-height  .et_pb_row {
	display:table-cell;
	vertical-align: middle;
	text-align:center;
}

/*
------------------------
HELPER STYLES
------------------------
*/

.caslon {
	font-family: 'EB Garamond', serif;
	line-height:1.05em;
}

.sackers {
	font-family:'Sackers Gothic Medium', sans-serif;
	line-height:1.5em;
}

.et_pb_button {
    font-family: 'Sackers Gothic Medium', sans-serif !important;
    text-transform: uppercase !important;
}

/*
------------------------
PAGE SPECIFIC STYLES
------------------------
*/
/* ----- PRE-ORDER HOME ----- */
body.page-id-269 {
}
body.page-id-269 #main-header {
  background:transparent;
}

body.page-id-269 #et-top-navigation .mobile_menu_bar {
  display:none !important;
}

body.page-id-269 .social-links-custom a {
    display: inline-block;
    width: 50px;
    height: 50px;
    font-size: 25px;
    line-height: 49px;
    background-color: transparent;
    margin: 0 10px;
    color: #fff;
    transition: 250ms;
}
body.page-id-269 .social-links-custom a:hover {
	background-color:#fff;
  color:#0b2c4b;
} 
/* ----- HOME > HERO NAV ----- */

.hero-nav {
  width: 790px;
  margin: 0 auto;
}

.hero-nav a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-family: sans-serif;
  text-transform: uppercase;
  font-family:'Sackers Gothic Medium', sans-serif;
  font-size:19px;
}

.hero-nav-item {
  position: relative;
  width: 250px;
  height: 250px;
  display: block;
  margin-bottom: 10px;
  margin-right: 10px;
  background: #eee;
  float: left;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  overflow: hidden;
}

.hero-nav-item span {
  position: absolute;
  top: 30%;
  left: 0;
  display: block;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
  opacity: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.hero-nav-item img {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

#hero-nav-item-1 {background: #f0e1bf; color:#333;}
#hero-nav-item-2 {background: #005c95;}
#hero-nav-item-3 {background: #fcf5d4;color:#333;}
#hero-nav-item-4 {background: #68602b;}
#hero-nav-item-5 {background: #ffeae2;color:#333;}
#hero-nav-item-6 {background: #d8d8af;color:#333;}
#hero-nav-item-7 { background: #cb2824;}
#hero-nav-item-8 { background: #ebe1c8; color:#333;}
#hero-nav-item-9 { background: #442043; }

.hero-nav-item:hover {
  transform: scale(0.95);
  z-index: 999;
}

.hero-nav-item:hover img {
  opacity: .15;
  transform: scale(1.15);
}

.hero-nav-item:hover span {
  opacity: 1;
  top: 50%;
  transform: translateY(-50%);
}


.section-title {
font-size:35px;
}
/* ----- HOME > SOCIAL ----- */
#social .et_parallax_bg {
    background-position: right top;
}
/* ----- HOME > BLOG ----- */


#news .et_parallax_bg {
	background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
#news .et_pb_blog_grid .et_pb_post {
	padding:40px;
	background:#fdefef;
	background: #ffffff;
	border:none;
	box-shadow: 0 0px 0px 0 rgba(0,0,0,0);
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;

}
#news .et_pb_blog_grid .et_pb_post:hover {
	transform: scale(1.03);
	box-shadow: 0 15px 20px 0 rgba(0,0,0,.10);
}

#news .et_pb_blog_grid .et_pb_post .entry-title {}
#news .et_pb_blog_grid .et_pb_post .more-link {
display: block;
    padding: 18px 0;
    text-align: center;
    background: #f9efd4;
    margin-top: 15px;

    color: #7d7b75;
    text-transform: uppercase;
    font-family: "Sackers Gothic Medium", sans-serif;
    font-weight: bold;
    letter-spacing: .085em;
    font-size: .8em;
}
#news .et_pb_post h2, .et_pb_portfolio_item h3 { 
	border-bottom:solid 1px rgba(0,0,0,.10);
	text-align: center;
	padding-bottom:10px;
	margin-bottom:10px;
}
#news .et_pb_post h2 a, .et_pb_portfolio_item h3 a {
	color:rgb(137, 107, 53);
}

#single-post-container {
	background: #fff;
    max-width: 900px;
    margin: 50px auto;
}

/* ----- HOME > BIO  ----- */
.bio-content {
    background:#fff;
    padding:45px;
}

.bio-content h2 {
    font-size:31px;
    color:#a88162;
}

.bio-content p {
    font-size:14px;
    color:#676767;
    letter-spacing: .10em;
}

/* ----- HOME > SOCIAL LINKS  ----- */

/* SOCIAL LINKS */
.social-links-custom {
	padding:0 !important;
	margin:0;
	list-style-type:none;
	text-align:center;
	width:100%;
overflow:hidden;
}
.social-links-custom li {
	display:inline;
	float:left;
}
.social-links-custom a {
    display: inline-block;
    width: 75px;
    height: 75px;
    font-size: 37px;
    line-height: 75px;
    background-color: transparent;
    margin: 0 10px;
    color: #fff;
    transition: 250ms;
}
.social-links-custom a:hover {
    background-color: #fff;
    margin: 0 10px;
    color: #1d111b;
	color:#585222;
    border-color:#fff;
    transform:scale(1.1);
}

.social-links-custom.home-soc-icons a {
    color: #362111;
    background: rgba(255, 255, 255, 0.48);
}
.social-links-custom.home-soc-icons .subscribe {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 5px;}

.social-links-list {
  margin:0;
  padding:0;
  list-style-type:none;
  text-align:center;

}
.social-links-list li {
  display:inline-block;
margin-top:17px;
}
.social-links-list li a {
  color:#2d2b28;
  font-size:27px;
  text-align:center;
  vertical-align:middle;
  padding:0 20px;
}
.social-links-list li a .fa {}
.social-links-list li a.subscribe {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 5px;
    border:solid 2px #2d2b28;
    padding:8px 15px;
}
.social-links-list li a.subscribe span {}


/* SOCIAL FEED */
.social-feed-container {
	margin: 0 auto;
}

.social-feed-element {
  padding:10px;
}
.social-feed-element .inner-container {
    max-width:100%;
    position:relative;
    background: #fff;
    padding: 2em;   
}

.social-feed-element:hover {}

.social-feed-element .author-photo-image {
    border-radius:100%;
    -webkit-border-radius:100%;
}
.social-feed-element .author-title {
    font-family:"Sackers Gothic Medium", sans-serif;
    font-weight:600;
    text-transform:uppercase;
    color:#333;
}
.social-feed-element .post-time {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 10px;
    text-transform: uppercase;
}
.social-feed-element .media-attatchment {}

.social-feed-element .media-attatchment img {
    padding:0;
    margin:0;
    display:block;
    margin-top:2em;
    border:solid 1px #f4f4f4;
}

.social-feed-element .fa {
position: absolute;
    top: 0px;
    left: 00px;
    font-size: 20px;
    width: 35px;
    height: 35px;
    line-height: 37px;
    text-align: center;
    color:#fff;
    background-color: #f4f4f4;
}

.social-feed-element.twitter .fa {
    background-color:#00aced;
}

.social-feed-element.facebook .fa {
    background-color:#3b5998;
}

/* ----- HOME > NEW ALBUM ----- */
#newalbum .et_parallax_bg {
background-position:top right}

/* ----- HOME > FULLSCREEN NAV CLOSE ----- */
.mfp-close-btn-in .mfp-close {
	color:#fff !important;
}

.mfp-bg {
	background:#a88162 !important;
}

.featherlight .featherlight-content {
width:800px;
max-width:90%;
}

/* CSS LOADER */
.cssload-container {
	width: 100%;
	padding:20px;
	text-align: center;
}
.cssload-speeding-wheel {
	width: 49px;
	height: 49px;
	margin: 0 auto;
	border: 3px solid rgb(0,0,0);
	border-radius: 50%;
	border-left-color: transparent;
	border-right-color: transparent;
	animation: cssload-spin 575ms infinite linear;
	-o-animation: cssload-spin 575ms infinite linear;
	-ms-animation: cssload-spin 575ms infinite linear;
	-webkit-animation: cssload-spin 575ms infinite linear;
	-moz-animation: cssload-spin 575ms infinite linear;
}
@keyframes cssload-spin {
	100%{ transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes cssload-spin {
	100%{ -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes cssload-spin {
	100%{ -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@-webkit-keyframes cssload-spin {
	100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes cssload-spin {
	100%{ -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
		
		
		
/* HOME -> PRODUCTS */
#home-products .woocommerce h3 { 
		  text-align:center !important; 
		  font-size:18px !important; 
		} 
#home-products .woocommerce .price { 
		  text-align:center !important;  
		  font-size:18px !important;
		}

		
/* WOOCOMMERCE */		
		
		.woocommerce .woocommerce-breadcrumb {display:none;}


		.woocommerce .nameyourprice {
			clear:both;
			  font-size: 20px;
    font-weight: 400;
    /*color: #a88162;*/
    margin-bottom: 20px;
			}
			.woocommerce .nameyourprice input.text {
			padding: 5px;
    font-size: 21px;
    font-weight: 400;
			}
		
/*
------------------------
RESPONSIVE MEDIA QUERIES 
------------------------
*/

/* Responsive Styles Large Desktop And Above */
@media all and (min-width: 1405px) {

}
/* Responsive Styles Smartphone Portrait */
@media all and (max-width: 479px) {
	.et_pb_section .et_pb_row .et_pb_column.et_pb_column_1_4  {
		width:23% !important;
		margin-right:2%;
	}
	.container.et_menu_container {width:90%}
	a.header-subscribe {
			  font-size:11px;
			  }
	
}
/* Responsive Styles Smartphone Only */
@media all and (max-width: 767px) {
		
.et_pb_column .et_pb_grid_item:nth-child(n), .et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item:nth-child(n), .et_pb_column .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(n), .et_pb_column .woocommerce ul.products li.product:nth-child(n), .woocommerce-page ul.products li.product:nth-child(n), .et_gallery_item {width:100% !important; margin:0 !important;}
}
/* Responsive Styles Tablet Only */
@media all and (min-width: 768px) and (max-width: 980px) {
}
/* Responsive Styles Tablet And Below */
@media all and (max-width: 980px) {
	.et_pb_column_1_3 {
		width:31% !important;
		margin-right:2%;
		
	}
	.section-title {
	font-size:25px;	
}
	.mobile-text-center {
	text-align:center;
	}
	#bio, #news .et_parallax_bg, #video, #social .et_parallax_bg , #newalbum .et_parallax_bg{
	background-image:none !important;
	}
	.hero-heading {font-size:25px !important;}
	.hero-subheading {font-size:20px !important;}
	
	.et_fixed_nav #main-header {
	position: fixed !important;
	}
  
  .et_header_style_slide .et-fixed-header #et-top-navigation, .et_header_style_fullscreen .et-fixed-header #et-top-navigation {
	padding:24px 0 0 0 !important;
}  
  header#main-header {
  top:0px !important;}

/* WOOCOMMERCE PRODUCTS */

.et_pb_column .et_pb_grid_item:nth-child(n), .et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item:nth-child(n), .et_pb_column .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(n), .et_pb_column .woocommerce ul.products li.product:nth-child(n), .woocommerce-page ul.products li.product:nth-child(n), .et_gallery_item {width:100% !important; margin:0 !important;}


}
/* Responsive Styles 981px – 1100px */
@media all and (min-width: 981px) and (max-width: 1100px) {
}
/* Responsive Styles Desktop Only */
@media all and (min-width: 981px) {
}
/* Responsive Styles Standard Desktop Only */
@media all and (min-width: 981px) and (max-width: 1405px) {
}
/* Hide the Additional Information tab on product pages */
li.additional_information_tab {display: none !important;}