/*
	Theme Name: Custom Theme
	Theme URI: 
	Description: Custom Theme
	Version: 1.3.3
	Author: http://wpserver6.com
	Author URI: http://wpserver6.com
	Tags: HTML5, CSS3
	
	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/
/*------------------------------------*\
    $HOME
\*------------------------------------*/

.wcpt-table th.wcpt-heading {
   
    background: #000 !important;

}

.product_cat-external-link .single_add_to_cart_button {display:none !important}

.wcpt .dontshowonlisting {display:none}

.wcpt .downloadbutton {display:none}
.wcpt-cell-val{color:#FFF}

.woocommerce-customer-logout .woocommerce-message a{color:#b50000}
.woocommerce-notices-wrapper {
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    left: 0 !important;
}

.logoutbtn{display:none}

.logged-in .logoutbtn{display: inline-block;}
.logged-in .loginbtn{display:none}

.woocommerce-account .addresses .title .edit {
    float: right;
    background-color: #B50000;
    padding: 5px 15px;
    border-radius: 5px;
}

.woocommerce-MyAccount-navigation ul li a {padding: 15px 32px 20px 31px;}

.downloadbutton {
    color: #FFF;
    padding: 7px 30px;
    background-color: #b50000;
    text-transform: uppercase;
    border-radius: 5px;
    font-weight: 700;
    display: block;
    width: 300px;
    text-align: center;
}

.maincontent{max-width:1200px; margin:0px auto; padding:0px 20px}
.topbutton {text-align:right; padding-top:25px; margin:0px}
.topbutton a {
    color: #FFF;
    padding: 7px 30px;
    background-color: #b50000;
	text-transform:uppercase;
	border-radius:5px;
}

.product_title {
    font-size: 40px !important;
    text-align: left !important;
}


.woocommerce-product-details__short-description iframe{width:100% !important; height:150px !important}
/*------------------------------------*\
    $MAIN
\*------------------------------------*/

div#jp-relatedposts.jp-relatedposts {
    display: none !important;
}

.cartFooter{font-family: 'Century Gothic', Arial, Helvetica; font-size:15px; color:#FFF; background-color:#c11a01; border:none; padding:5px; text-decoration:none; margin-right:10px; font-weight:bold; margin-top: 10px;}

.cartFooter:hover{font-family: 'Century Gothic', Arial, Helvetica; font-size:15px; color:#FFF; background-color:#b31700; border:none; padding:5px; text-decoration:none; font-weight:bold; margin-top: 10px;}

div#payment li, div#payment li p{color:#333;}

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{background-color:#c71b01}

li.description_tab.active{color:#333;}

.buttons{font-family: 'Century Gothic', Arial, Helvetica; font-size:16px; color:#FFF; background-color:#000; border:1px solid #FFF; padding:10px; text-decoration:none; margin-right:10px;}

.buttons:hover{font-family: 'Century Gothic', Arial, Helvetica; font-size:16px; color:#FFF; background-color:#b31700; border:1px solid #FFF; padding:10px; text-decoration:none;}

.calendarTable {
	max-width:910px;
	min-width:320px;
}

.calendarTable td a{color:#FFF; text-decoration:underline;}

.calendarTable td {
	font-family: 'Roboto', sans-serif;
	font-size:14px; font-weight:600;
	line-height:20px;
	color:#FFF;
	text-align:left;
	padding:4px 10px 4px 10px;
	margin:0px;
	border:4px solid #111;
}
.sidebarEditorial {
	list-style:none;
	margin-left:-20px;
	width:280px;
}

.sidebarMenu {
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	font-weight:500;
	display: block;
	color: #FFF;
	text-decoration: none;
	background-color:#333;
	padding:4px 10px 4px 10px;
	margin-bottom:4px;
}

.sidebarMenu:hover {
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	font-weight:500;
	display: block;
	color: #FFF;
	text-decoration: none;
	background-color:#b31700;
	padding:4px 10px 4px 10px;
	margin-bottom:4px;
}

.matfalmusiclinks {color:#D01C01}

.matfalmusiclinks:hover {color:#750900}




*, *:after, *:before {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

@font-face {
	font-family:'font';
	src: url('fonts/century_gothic.TTF'), url('fonts/century_gothic.eot'); /* IE9 */
}

body {
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	color: #FFF;
	background-color: #080808;
	margin: 0px 0px 0px 0px;
}

h1 {
	font-weight: 600;
	font-size:45px;
	color:#FFF;
	padding:10px 0px 0px 10px;
	font-family: "Century Gothic", Arial, Helvetica;
	text-align:center;
	
}

h2{font-size:30px;}

h2, h3, h4, h5, h6 {
	font-weight: 600;
	color:#FFF;
	font-family: 'Roboto', sans-serif;
	
}

.clear {
	clear:both;
	display:block;
}

img {
	vertical-align:bottom;
	border:0px;
}

area {
	outline:none;
}

.clear {
	clear:both;
	display:block;
}

a {
	color:#FFF;
	text-decoration:none;
}

a:hover {
	color:#FFF;
}

a:focus {
	outline:0;
}

a:hover, a:active {
	outline:0;
}

input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

p {
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	color: #FFF;
	text-align:justify;
	line-height:1.5;
}

strong {
	font-weight:700;
	font-size:16px;
}

section li {
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	color: #FFF;
	text-align:left;
	line-height:22px;
	margin-left:-20px;
}

.homeTextSpace li {
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	color: #FFF;
	text-align:left;
	line-height:22px;
	margin-left:-20px;
}

.imgright {
	border:2px #ffffff solid;
	box-shadow:0px 4px 5px #000;
	-moz-box-shadow:0px 4px 5px #000;
	-webkit-box-shadow:0px 4px 5px #000;
	float:right;
	margin-left:15px;
	margin-bottom:10px;
}

.imgleft {
	border:2px #ffffff solid;
	box-shadow:0px 4px 5px #000;
	-moz-box-shadow:0px 4px 5px #000;
	-webkit-box-shadow:0px 4px 5px #000;
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}

.topright {
    text-align: right;
    font-size: 30px;
    padding-top: 0px;
    margin-top: 15px;
	margin-bottom:10px;
}

.topright a{color:#E5D09F; margin-left:13px;}

.whiteborderbox{border:2px solid #FFF; padding:20px; margin:0px auto; max-width:1200px;}
.mainbutton{margin-top:40px; margin-bottom:40px;}

.mainbutton a{color:#FFF; padding:15px 30px; background-color:#b50000}

.filterbuttons{margin-top:40px; margin-bottom:40px;}

.filterbuttons a {
    color: #FFF;
    padding: 12px 20px;
    background-color: #b50000;
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
}

.filterbuttons a:hover {
  
    background-color: #E5D09F;
	color:#000
    
}



.creamsection{background-color:#202020; padding-top:40px; padding-bottom:40px}
.creamsection h2{color:#b50000}
.creamsection h3{color:#b50000}
.creamsection p{color:#b50000}
.creamsection a{color:#b50000}
.creamsection h2{margin-bottom:15px}

.whiteborderboxes .wp-block-column{border:2px solid #ffffff; padding:20px;}

.zoombox {
    position: relative;
    width: 100%;
    margin: 0px;
    float: left;
    background-color: #000;
    overflow: hidden;
}

.zoombox a {
    color: #FFF;}
	
.zoombox .image {
    opacity: 0.8;
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
    backface-visibility: hidden;
}

.zoombox .middle {
    transition: .5s ease;
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.zoombox .text {
    color: #FFF;
    font-size: 25px;
    font-weight: 400;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.8);
    -moz-text-shadow: 2px 2px 3px rgba(0,0,0,0.8);
    -webkit-text-shadow: 2px 2px 3px rgba(0,0,0,0.8);
}


.zoombox:hover .image {
    opacity: 0.4;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    overflow: hidden;
}

/*------------------------------------*\
    $STRUCTURE
\*------------------------------------*/

.logo {
	float:left; width:350px;
	padding-top:10px;
}

.wrapper {
	max-width:100%;
	margin:0 auto;
	position:relative;
	margin-bottom:40px;
}

header {
	margin:0px;
	width:100%;
	height:auto;
	background-image:url(/wp-content/uploads/2015/09/headerBg.jpg);
	background-position: center top;
	background-repeat:no-repeat;
}

section, #content {
	background-color: #000000;
	margin:0px;
	min-height:400px;
	padding: 20px 20px 20px 20px;
	max-width:950px;
min-width:320px;
	margin-left: auto;
	margin-right: auto;
}

.footer-widget {
	width:33%;
	float:left;
	padding:0px;
	margin-top:0px;
}

.footer-widget a {
	color:#FFF;
	font-weight:bold;
}

footer {
	width:100%;
	margin:0px;
	margin-left: auto;
	margin-right: auto;
	font-family:"Century Gothic", Arial, Helvetica;
	background-image:url(/wp-content/uploads/2015/09/footerBg1.jpg);
	background-repeat:repeat-x;
}

.footer {
	max-width:1200px;
	margin-left: auto;
	margin-right: auto;
}

.footerright a{font-size:30px; margin-left:10px;}

p.copyright {
	color:#5c5c5c;
	font-family: "Century Gothic", Arial, Helvetica;
	font-size:13px;
	text-align:right;
	margin-top:17px;
}

#sidebar {
	float: right
}

/*------------------------------------*\
    $PAGES
\*------------------------------------*/

.navi {
	float:none;
	width:100%; background-color:#B50000; padding:7px;
	border-top:2px solid #E5D09F;
	border-bottom:2px solid #E5D09F
}

nav {
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	font-weight:500;
	list-style:none;
	margin-bottom:0px;
	float:none;
	text-decoration:none;
	color:#FFF;
text-align:center;
}

nav ul{padding:0px; margin:0px}

nav ul li {
	float: none;
	display:inline-block;
	margin-right: 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	width: auto;
	color: #FFF;
	text-align:center;
}

nav ul a {
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	font-weight:500;
	display: block;
	padding: 5px 32px 5px 31px;
	color: #FFF;
	margin: 0px;
	text-decoration: none;
	background-image:url(/wp-content/uploads/2015/09/menuHover.png);
	background-position:right top;
	background-repeat:no-repeat;
}

nav ul a:hover {
	color:#000;
	text-decoration:none;
}

nav ul ul {
	list-style:none;
	position:absolute;
	left:-9999px;
	margin:0px;
	color:#FFF
}

nav ul ul li {
	padding-top:1px;
	float:none;
	color:#FFF;
	margin-left:-40px;
}

nav ul ul a {
	white-space:nowrap;
	margin: 0px 0px 0px 0px;
	color:#FFF
}

nav ul li:hover ul {
	left:0;
	text-decoration:none;
}

nav ul li:hover a {
	text-decoration:none;
	color: #000;
}

nav ul li a:hover {
	text-decoration:none;
	color: #000;
}

nav ul li:hover ul a {
	text-decoration:none;
}

nav ul li:hover ul li a:hover {
	text-decoration:none;
}

nav ul li a:hover {
	color:#000;
}

nav ul li ul li a:hover {
	color:#000;
}

/*------------------------------------*\
    $FORM
\*------------------------------------*/

.wpcf7-form {width:100%; min-width:320px; text-align:left; color:#FFF; font-family: 'Roboto', sans-serif; font-size:14px;}
.wpcf7-form label{color:#FFF}
	
.wpcf7-form .left{float:left; width:49%; margin-right:2%; margin-bottom:10px}	
.wpcf7-form .right{float:left; width:49%; margin-bottom:10px}
	.wpcf7-form .full{ width:100%; margin-bottom:10px}
	.wpcf7 input[type="text"],
	.wpcf7 input[type="email"],
	.wpcf7 input[type="tel"],
	.wpcf7 textarea{width: 100%; padding:5px; border:#CCC 1px solid;}	

	span.wpcf7-list-item { display: block; }
	
	.wpcf7-submit{
		font-family: 'Roboto', sans-serif;
		font-size: 14px;
		font-weight: 500;
		color: #FFF;
		text-align: center;
		border:1px solid #858585;
		background-color:#0e0e0e;
		padding:5px 20px;
}

.wpcf7-free-text{max-width:250px;}

.mediumbox{
    width: 100%;
    height: 100px;
}
.tallbox{
    width: 100%;
    height: 200px;
}

.verytallbox{
    width: 100%;
    height: 300px;
}

/*------------------------------------*\
	$TYPOGRAPHY
\*------------------------------------*/



/*------------------------------------*\
    $RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width: 320px) and (max-width: 768px) {
	
	
	.logo {
    float: none;
    width: 250px;
    padding-top: 10px;
    margin: 0px auto;
}
	.logo img{width:100%}
	
.topbutton {
    text-align: center;
	font-size:14px
}
	.topbutton a {
    color: #FFF;
		padding: 7px 15px;}

.topright {
    text-align: center;
    font-size: 30px;
    padding-top: 10px;
}

.whiteborderbox {
    margin: 20px;

}

.wp-block-image .alignright {
    float: none;
    margin-left: 1em;
    margin: 0px auto;
}

h2 {text-align:center}

.footer-widget {
    width: 100%;
    float: none;
    padding: 20px;
    margin-top: 0px;
    text-align: center;
}


.footer-widget p{text-align:center}

.filterbuttons a{display:block; margin-bottom:5px}
}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 1024px) {
}
@media only screen and (min-width: 1140px) {
}
@media only screen and (min-width: 1280px) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
}

/*------------------------------------*\
    $MISC
\*------------------------------------*/

::selection {
	background: #3651ac;
	color: #FFF;
	text-shadow: none;
}
::-webkit-selection {
 background:#3651ac;
 color:#FFF;
 text-shadow:none;
}
::-moz-selection {
 background:#3651ac;
 color:#FFF;
 text-shadow:none;
}

/*------------------------------------*\
    $WORDPRESS CORE
\*------------------------------------*/
   
.alignnone {
	margin:5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}

.alignright {
	float:right;
	margin:5px 0 20px 20px;
}

.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}

.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}

a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}

a img.alignnone {
	margin:5px 20px 20px 0;
}

a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}

a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}

.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}

.wp-caption.alignright {
	margin:5px 0 20px 20px;
}

.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	padding:0;
	width:auto;
}

.wp-caption .wp-caption-text, .gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}

.sticky {
}

.bypostauthor {
}

/*------------------------------------*\
    $PRINT
\*------------------------------------*/

@media print {

* {
	background:transparent !important;
	color:#000 !important;
	box-shadow:none !important;
	text-shadow:none !important;
}

a, a:visited {
	text-decoration:underline;
}

a[href]:after {
	content:" (" attr(href) ")";
}

abbr[title]:after {
	content:" (" attr(title) ")";
}

.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
	content:"";
}

pre, blockquote {
	border:1px solid #999;
	page-break-inside:avoid;
}

thead {
	display:table-header-group;
}

tr, img {
}
 @page {
 margin:0.5cm;
}

p, h2, h3 {
	orphans:3;
	widows:3;
}

h2, h3 {
	page-break-after:avoid;
}

body {
	background-color: #00576a;
}
}

.shipping-calculator-form {
	width:230px;
}

.woocommerce-breadcrumb {
	display:none;
}

aside#sidebar {display: none;}

.woocommerce-MyAccount-navigation ul li {background-color: #333; width: 240px;font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 500;
display: block;
padding: 0px 10px 0px 10px;
color: #FFF;
margin: -10px 0px 0px 0px;
text-decoration: none;
background-image: none;}
.woocommerce-MyAccount-navigation ul li:hover {background-color: #a60000; }
.woocommerce-MyAccount-navigation ul li a:hover {color: #FFFFFF !important;}


.login form {
	background: #000000 !important;}
.login input[type="submit"] {
	color: #000000 !important;}

.sliced.client .table > tbody > tr:nth-of-type(2n+1) {
    background-color: #333333 !important;
}
.wcff_pricing_rules_title_container {display: none !important;}

table.wccpf_fields_table td.wccpf_label, table.wccpf_fields_table td.wccpf_label label {

    width: 70% !important;

}
.woocommerce td.product-name dl.variation dt, .woocommerce td.product-name dl.variation dd {float: left;line-height: auto !important;}
.woocommerce td.product-name dl.variation dt, .woocommerce td.product-name dl.variation dd p{line-height: auto !important; margin:0px; padding: 0px;}

.woocommerce td.product-name dl.variation dt, .woocommerce td.product-name dl.variation dd {display: none;}
#primary {padding-top: 20px !important;}
.product_title {padding: 20px !important;}

.woocommerce div.product form.cart .variations td.label {min-width: 220px; font-size: 14px;}

.woocommerce ul.products li.product .price {display: none;}