/*
Theme Name: TheWandCompany
Description: The Wand Company's website theme (which is a child of the Vellum theme)
Author: Richard Blakesley
Template: parallelus-vellum
****************************************************************************************************************
*** Update the version number below to force users' browsers to re-load this CSS file (and style-skin-1.css) ***
*** rather than using a cached copy, which could cause issues with the site appearance and/or layout         ***
****************************************************************************************************************
Version: 2.1
Tags:
*/

/* Commenting out the next line, as it's now being loaded by our functions.php file:
@import url("../parallelus-vellum/style.css"); 
*/

.display-play-control { background-repeat: repeat-x }

/* Form input fields with the "uppercase" class should show as uppercase */
.uppercase input {text-transform: uppercase}

.drop-shadow {-webkit-box-shadow: 7px 7px 20px 2px rgba(68,68,68,0.6); -moz-box-shadow: 7px 7px 20px 2px rgba(68,68,68,0.6); box-shadow: 7px 7px 20px 2px rgba(68,68,68,0.6);}

.box{ position: relative; width: 50%;}

.box:before{content: ""; display: block; padding-top: 80%;}

/* Paragraphs with 40px hanging indent and 16px bottom margin */
p.p1 {margin-bottom: 20px; line-height:20px;}

#masthead .site-title { width: auto }

#Middle .grid-section-1 .grid-row { padding-top: 48px; }    /* Padding at top of content section */

*[class*='grid-section-']:last-child .grid-row { padding-bottom: 0px; } /* bottom padding */

.woocommerce #content div.product div.thumbnails a, .woocommerce div.product div.thumbnails a, .woocommerce-page #content div.product div.thumbnails a, .woocommerce-page div.product div.thumbnails a {width: 22%; margin-right: 3.8%;}

body.woocommerce .page-title {margin-bottom: 20px;}

/** Styles for mouse rollover crossfade effects **/

.crossfade {position:relative;}

.crossfade .regular, .crossfade .rollover {-webkit-transition: opacity 0.2s ease-in; -moz-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in;}

.crossfade .regular {position:static;}

.crossfade .rollover {position:absolute; top:0; left:0;}

.crossfade .rollover, .crossfade .regular:hover {opacity:0;}

.crossfade .regular, .crossfade .rollover:hover {opacity:1;}

.center {text-align: center;}

.buttonwidth {width: 130px;}

#MainNav .ubermenu-responsive-toggle{
	color: #909090;
}
.ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-full_width, .ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_bar{
	left: auto!important;
	right: 0!important;
}
.ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-full_width{
	width: auto!important;
}