@charset "UTF-8";
/* CSS Document */

/* ///////////////////////////////////////////////////////////////////////////////////////// */
/* // Reset //////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////// */

* {
	margin: 0;
	padding: 0;
	border:0;
}

/* ///////////////////////////////////////////////////////////////////////////////////////// */
/* // Fonts //////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////// */

html {
	font-size: 26px;
	font-family: 'Cormorant Garamond', serif;
}

@media screen and (max-width: 900px) {
	html {
	  font-size: 22px;
	}
}
@media screen and (max-width: 700px) {
	html {
	  font-size: 20px;
	}
}
@media screen and (max-width: 600px) {
	html {
	  font-size: 16px;
	}
}
h2 {
	font-family:'Helvetica', 'Arimo', sans-serif;
	font-size:1.3em;
	font-weight:100;
	margin-bottom:20px;
}
h3, h4, h5 {
	font-weight:100;
}
.left p {
	font-family:'Helvetica', 'Arimo', sans-serif;
	font-size:0.6em;
	font-weight:200;
	line-height:1.3em;
}
.item {
  font-size:0.8rem;
}
.post {
  font-size:1.1rem;
}

/* ///////////////////////////////////////////////////////////////////////////////////////// */
/* // Global Styles //////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////// */

html {
	background-color:white;
	background-image:url(https://www.lisaeldridge.com/css/2018/background_left.jpg);
	background-position:-5% 130px;
	background-repeat:repeat-y;
}
body {
	background-image:url(https://www.lisaeldridge.com/css/2018/background_right.jpg);
	background-position:105% 80px;
	background-repeat:repeat-y;
}

@media screen and (max-width: 900px) {
	html {
		background-image:none;
	}
}
@media screen and (max-width: 700px) {
	html, body {
		background-image:none;
	}
}

/*.shop body {
	background-image:url(https://www.lisaeldridge.com/css/2018/background_jewelry.jpg);
	background-position:center center;
	background-repeat:repeat;
	background-size:150%;
}*/

/* ///////////////////////////////////////////////////////////////////////////////////////// */
/* // Links //////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////// */

a {
	text-decoration:none;
	color:#9f1d3c;
}
a:hover {
	color:grey;
}

/* ///////////////////////////////////////////////////////////////////////////////////////// */
/* // Colours ////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////// */

.opaque {
	background-image:url(https://www.lisaeldridge.com/css/2018/trans_white.png);
}
.solid {
	background:white;
}
#mainmenu a {
	color:black;
}
#mainmenu a:hover {
	color:#9f1d3c;
}
.menuthin #stripe {
	background:white;
	opacity:1;
}
.menuthin #navigation {
	background:white;
}
.menuopen #navigation {
	background:white;
}
h2 a, h3 a {
	color:black;
}
.red {
	color:#9f1d3c;
}


@media screen and (max-width: 700px) {
#navigation {
	background-color:white;
}
h1 {
	background-color:white;
}
}

/* ///////////////////////////////////////////////////////////////////////////////////////// */
/* // Tools //////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////// */

.clearleft {
	clear:left;
}
.clearright {
	clear:right;
}
.clearboth {
	clear:both;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.hidden {
	visibility:hidden;
}
.close {
	cursor:pointer;
}
.youtubeembed {
}
.nodesktop {
	display:none;
}
.textblock ul,.textblock ol {
	padding-left:50px;
	margin-bottom:20px;
}

@media all and (max-width:900px) {
.nodesktop {
	display:unset;
}
.notablet {
	display:none;
}
}

@media all and (max-width:700px) {
.nodesktop {
	display:unset;
}
.nomobile {
	display:none;
}
}

/* ///////////////////////////////////////////////////////////////////////////////////////// */
/* // Global blocks and padding //////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////// */

html {
	display:block;
	height:100%;
}
p {
	padding-bottom:10px;
}
.gutterleft {
	padding-left:2%;
}
.gutterright {
	padding-right:2%;
}
.column {
	max-width:1400px;
	margin:auto;
}
.left {
    box-sizing: border-box; /* Keep div size internal */
    width:20%;
    float:left;
	padding-bottom:20px;
	padding-bottom:2vw;
}
.right {
    box-sizing: border-box; /* Keep div size internal */
    width:25%;
    float: right;
	padding-bottom:20px;
	padding-bottom:2vw;
}
.middle {
    overflow: hidden; /* Important */
    box-sizing: border-box;
	padding-bottom:20px;
	padding-bottom:2vw;
}
.padding10 {
	padding:10px;
}
.padding20 {
	padding:20px;
}
.desktoppadding10 {
	padding:10px;
}
.desktoppadding20 {
	padding:20px;
}

@media all and (max-width:700px) {
body {
	height:100%; /* Provide height to expand menu into */
}
.gutterleft, .gutterright {
	padding-left:0;
	padding-right:0;
}
.desktoppadding10 {
	padding:0;
}
.desktoppadding20 {
	padding:0;
}
.mobilepadding {
	padding-left:10px;
	padding-right:10px;
}
}

/* ///////////////////////////////////////////////////////////////////////////////////////// */
/* // Header /////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////// */

#stripe {
	position:fixed;
	display:block;
	height:50px;
	width:100%;
	transition: display 0.5s ease;
	display:none;
}
#header {
	display:block;
	height:170px;
}
#navigation {
	z-index:100; /* Use 100 as the max */
}
h1 {
	display:block;
	height:170px;
	width:100%;
	background-image:url(https://www.lisaeldridge.com/css/2018/le_wordmark_2019.png);
	background-size:auto 151px;
	background-repeat:no-repeat;
	margin-bottom:-50px;
}
h1 a {
	display:block;
	margin-right:300px;
	height:120px;
	text-indent:2000px;
	white-space:nowrap;
	overflow:hidden;
}
#mainmenu {
	height:50px;
	width:100%;
	font-family:'Helvetica', 'Arimo', sans-serif; /* Arimo is Google's Helvetica alt. Needed for some mobile browsers */
	font-size:0.87em; /* Shop */
	font-size:0.82em;
	font-weight:100;
}
#mainmenu li {
	float:left;
	list-style:none;
}
#mainmenu li a {
	padding:15px;
	padding-left:0;
	line-height:50px;
}
#mainmenu li.selected a {
	color:#9f1d3c;
}
.overhang {
	margin-right:70px;
	transition: margin-right 1s ease;
}
.overhangshop {
	margin-right:105px;
	transition: margin-right 1s ease;
}
.menusearch {
	padding:10px;
}
#extras {
	float:right;
	width:228px;
	height:100px;
	text-align:right;
	padding-top:10px;
}

@media all and (min-width:700px) {
/* Thin Menu styles */
.menuthin #stripe {
	display:block;
}
.menuthin #navigation {
    box-sizing: border-box; /* Keep div size internal */
	position:fixed;
	margin:auto;
	width:96%; /* -4% to compensate for the gutters */
	max-width:1400px;
	overflow:hidden;
	height:50px;
}
.menuthin h1 {
	display:none;
}
.menuthin #mainmenu {
	overflow:hidden;
}
.menuthin .overhang, .menuthin .overhangshop {
	margin-right:0;
}
.menuthin #extras {
	display:none;
}
}

@media all and (max-width:900px) {
h1 {
	background-size:auto 120px;
}
.overhang, .overhangshop {
	margin-right:0;
}
}

@media all and (max-width:700px) {
#mainmenu {
	font-size:0.97em;
}
#top {
	height:50px;
	transition: height 1s ease;
}
#navigation {
	height:50px;
	overflow:hidden;
	position:fixed;
	top:0;
	width:100%;
	transition: height 1s ease;
}
h1 {
	display:block;
	height:50px;
	background-size:auto 35px;
	background-position:10px 7px;
}
h1 a {
	margin-right:50%;
	height:50px;
}
h1 a:hover {
	background-color:transparent;
	opacity:0.2;
}
#mainmenu {
	position:absolute;
	top:-1000px;
	transition: top 1s ease;
	height:auto;
	z-index:-10;
}
#mainmenu li {
	float:none;
	font-family: 'Cormorant Garamond', serif;
	font-size:1.4em;
	border-top:1px solid #CCC;
	background:unset;
	color:black;
	
}
#mainmenu li a {
    box-sizing: border-box; /* Keep div size internal */
	display:block;
	width:100%;
	padding:0;
	padding-left:10px;
}


/* Styles for the fullscreen mobile menu */
.menuopen #top {
	height:100%;
}
.menuopen #navigation {
	height:100%;
}
.menuopen #mainmenu {
	top:50px;
}


/* Open + Close the mobile menu */
#openclose {
	float:right;
	z-index:1000;
	position:fixed;
	top:0;
	right:0;
	display:none;
}
@media all and (max-width:700px) {
#openclose {
	display:block;
}
}

#open, #close {
	display:block;
	width:50px;
	height:50px;
	overflow:hidden;
	text-indent:50px;
	white-space:nowrap;
	cursor:pointer;
	background-size:cover;
	background-image:url(https://www.lisaeldridge.com/css/2018/burger_multi_open.png);
}
#close {
	display:none;
}
.menuopen #open {
	display:none;
}
.menuopen #close {
	display:block;
	background-image:url(https://www.lisaeldridge.com/css/2018/burger_multi_close.png);
}
}

/* ///////////////////////////////////////////////////////////////////////////////////////// */
/* // Social Menu ////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////// */

.social a {
	padding:10px;
	display:block;
	width:12px;
	height:12px;
	overflow:hidden;
	text-indent:50px;
	white-space:nowrap;
	float:left;
	margin:5px;
	margin-right:0;
	background-size:cover;
	border-radius:50%;
}
.black a {
	opacity:0.5;
	background-color:white;
}
.black a:hover {
	opacity:0.2;
}
.black .facebook {		background-image:url(https://www.lisaeldridge.com/css/2018/social_facebook_black.png);		}
.black .twitter {		background-image:url(https://www.lisaeldridge.com/css/2018/social_twitter_black.png);		}
.black .youtube {		background-image:url(https://www.lisaeldridge.com/css/2018/social_youtube_black.png);		}
.black .instagram {		background-image:url(https://www.lisaeldridge.com/css/2018/social_instagram_black.png);		}
.black .pinterest {		background-image:url(https://www.lisaeldridge.com/css/2018/social_pinterest_black.png);		}
.black .google {		background-image:url(https://www.lisaeldridge.com/css/2018/social_google_black.png);		}
.black .newsletter {	background-image:url(https://www.lisaeldridge.com/css/2018/social_newsletter_black.png);	}

.white a {
	opacity:0.9;
}
.white a:hover {
	opacity:0.5;
}
.white .facebook {		background-image:url(https://www.lisaeldridge.com/css/2018/social_facebook_white.png);		}
.white .twitter {		background-image:url(https://www.lisaeldridge.com/css/2018/social_twitter_white.png);		}
.white .youtube {		background-image:url(https://www.lisaeldridge.com/css/2018/social_youtube_white.png);		}
.white .instagram {		background-image:url(https://www.lisaeldridge.com/css/2018/social_instagram_white.png);		}
.white .pinterest {		background-image:url(https://www.lisaeldridge.com/css/2018/social_pinterest_white.png);		}
.white .google {		background-image:url(https://www.lisaeldridge.com/css/2018/social_google_white.png);		}
.white .newsletter {	background-image:url(https://www.lisaeldridge.com/css/2018/social_newsletter_white.png);	}


/* ///////////////////////////////////////////////////////////////////////////////////////// */
/* // Promos /////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////// */

.promo {
	position:relative; /* Helps with absolute positioning within the div */
    box-sizing: border-box; /* Keep div size internal */
    width: 100%;
    height: 0;
	overflow:hidden;
    padding-bottom: 56.25%;
	margin-bottom:50px;
	margin-bottom:2vw;
	
	background:black;
	color:white;
	
	display:none;
}
.aspect1x1 {
    padding-bottom:100%; /* (1/1)*100 */
}
.aspect4x1 {
    padding-bottom:25%; /* (1/4)*100 4xSquares */
}
.aspect20x9 {
    padding-bottom:45%; /* (9/20)*100 */
}
.aspect30x9 {
    padding-bottom:30%; /* (9/30)*100 */
}
.aspect40x9 {
    padding-bottom:22.5%; /* (9/40)*100 */
}
.aspect50x9 {
    padding-bottom:18%; /* (9/50)*100 */
}
.aspect55x9 {
    padding-bottom:16.36%; /* (9/55)*100 */
}
.aspect60x9 {
    padding-bottom:15%; /* (9/50)*100 */
}
.aspect70x9 {
    padding-bottom:12.86%; /* (9/70)*100 */
}
.aspect42x9 {
    padding-bottom:21.28%; /* (298/1400)*100 */
}
.promo img {
	width:100%;
}
.promo div, .promo iframe {
	position:absolute;
    top: 0;
    left: 0;
	width:100%;
	height:100%;
	overflow:hidden;
}
.promo video {
	position:absolute;
    top: 0;
    left: 0;
	width:100%;
	height:auto;
	z-index:1;
}
.promo a.close {
	position:absolute;
	top:10px;
	left:10px;
	padding:5px;
	font-size:12px;
	cursor:pointer;
	color:white;
	font-family:'Helvetica', sans-serif;
	z-index:100;
}

.promosignup {
	/*background-image:url(https://www.lisaeldridge.com/promos/pink-sign-up-2.jpg);*/
	background-size: 100%;
	background-repeat:no-repeat;
	background-position:top;
    padding-bottom:21.28%; /* (298/1400)*100 */
	background-size: 100%;
	background-repeat:no-repeat;
	background-position:top;
}
.promosignup .mailingform {
	position:absolute;
	bottom:5%;
	right:5%;
}
.promosignup .junesignup {
	width:200px;
}
.promosignup .mailingform input {
	padding:10px;
	margin:5px;
	margin-bottom:20px;
	margin-left:0;
	border: 1px solid #CCC;
}
@media screen and (max-width: 800px) {
.promosignup .mailingform input {
	padding:3px;
	margin:5px;
	margin-left:0;
	border: 0;
	font-size:9px;
}
.promosignup {
    padding-bottom:35.714%; /* (298/1400)*100 */
}
.promosignup .junesignup {
	width:150px;
}
}

/* ///////////////////////////////////////////////////////////////////////////////////////// */
/* // Grids //////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////// */

.gridouter {
    box-sizing: border-box; /* Keep div size internal */
	width:100%;
	overflow:hidden;
}
.grid {
	width:102%;
}
.grid .item {
	width:18%; /* % of width - margin */
	float:left;
	margin-right:2%; /* Margin */
	padding-bottom:2vw;
}
.grid .item img {
	width:100%;
	background-position:center top;
	background-size:cover;
}
.grid .item .sortableprice, .grid .item .sortabletype {
	display:none;
}
@media all and (min-width:901px) {
/* Set item width using % of total width - margin */
.grid.row8desktop .item {	width:10.5%; 	}
.grid.row7desktop .item {	width:12.28%; 	}
.grid.row6desktop .item {	width:14.66%;	}
.grid.row5desktop .item {	width:18%;		}
.grid.row4desktop .item {	width:23%;		}
.grid.row3desktop .item {	width:31.33%;	}
.grid.row2desktop .item {	width:48%;		}
.grid.row1desktop .item {	width:98%;		}

/* Clear the row every nth item, depening on settings */
.grid.row8desktop .item:nth-child(8n+1),
.grid.row7desktop .item:nth-child(7n+1),
.grid.row6desktop .item:nth-child(6n+1),
.grid.row5desktop .item:nth-child(5n+1),
.grid.row4desktop .item:nth-child(4n+1),
.grid.row3desktop .item:nth-child(3n+1),
.grid.row2desktop .item:nth-child(2n+1),
.grid.row1desktop .item:nth-child(1n+1) {
   clear: left;

}
}
@media all and (min-width:701px) and (max-width:900px) {
/* Set item width using % of total width - margin */
.grid.row8tablet .item {	width:10.5%; 	}
.grid.row7tablet .item {	width:12.28%; 	}
.grid.row6tablet .item {	width:14.66%;	}
.grid.row5tablet .item {	width:18%;		}
.grid.row4tablet .item {	width:23%;		}
.grid.row3tablet .item {	width:31.33%;	}
.grid.row2tablet .item {	width:48%;		}
.grid.row1tablet .item {	width:98%;		}

/* Clear the row every nth item, depening on settings */
.grid.row8tablet .item:nth-child(8n+1),
.grid.row7tablet .item:nth-child(7n+1),
.grid.row6tablet .item:nth-child(6n+1),
.grid.row5tablet .item:nth-child(5n+1),
.grid.row4tablet .item:nth-child(4n+1),
.grid.row3tablet .item:nth-child(3n+1),
.grid.row2tablet .item:nth-child(2n+1),
.grid.row1tablet .item:nth-child(1n+1) {
   clear: left;
}
}
@media all and (max-width:700px) {
/* Set item width using % of total width - margin */
.grid.row8mobile .item {	width:10.5%;	}
.grid.row7mobile .item {	width:12.28%; 	}
.grid.row6mobile .item {	width:14.66%;	}
.grid.row5mobile .item {	width:18%;		}
.grid.row4mobile .item {	width:23%;		}
.grid.row3mobile .item {	width:31.33%;	}
.grid.row2mobile .item {	width:48%;		}
.grid.row1mobile .item {	width:98%; 		}

/* Clear the row every nth item, depening on settings */
.grid.row8mobile .item:nth-child(8n+1),
.grid.row7mobile .item:nth-child(7n+1),
.grid.row6mobile .item:nth-child(6n+1),
.grid.row5mobile .item:nth-child(5n+1),
.grid.row4mobile .item:nth-child(4n+1),
.grid.row3mobile .item:nth-child(3n+1),
.grid.row2mobile .item:nth-child(2n+1),
.grid.row1mobile .item:nth-child(1n+1) {
   clear: left;

}
}




.grid.centered .item h3, .grid.centered .item h4, .grid.centered .item h5 {
	text-align:center;
}
.grid.centered a {
	color:black;
}
.grid.centered a:hover {
	color:grey;
}


.gridsections {
	width:100%;
}
.gridsections a {
	position:relative; /* Helps with absolute positioning within the div */
    box-sizing: border-box; /* Keep div size internal */
	float:left;
	display:block;
	width:25%;
	height:0; /** <-- To set aspect ratio **/
  	padding-bottom:25%; /** <-- To set aspect ratio **/
	background-size:cover;
	background-position:top center;
	margin-bottom:80px;
}
.gridsections img {
	display:none;
}
.gridsections.shop img {
	display:block;
	width:100%;
}
.gridsections h3 {
	position:absolute;
	right:20px;
	top:90%;
	display:block;
	border:1px solid #CCC;
	background:white;
	color:black;
	padding:10px;
}
@media all and (min-width:1400px) {
.gridsections h3 {
}
}


.gridsections a:hover h3, .gridsections .selected h3 {
	background:black;
	color:white;
}


/* Tweaks to add space between blocks */
.splits {
	width:102%;
}
.splits a {
	width:23%; /* % of width - padding */
	margin-right:2%; /* Padding */
  	padding-bottom:23%; /** <-- To set aspect ratio **/
}


@media all and (max-width:700px) {
.gridsections {
	width:100%;
}
.gridsections a {
	width:100%;
	height:auto;
  	padding-bottom:0;
	background-size:0;
	margin-bottom:0;
}
.gridsections.shop img {
	display:none;
}
/* Include a section image on mobile for rings */
.gridsections.shop a {
	background-size:auto 250%;
	background-position:center right;
	background-repeat:no-repeat;
}
.gridsections h3, .gridsections a:hover h3 {
	position:relative;
	right:auto;
	top:0;
	border:none;
	border-top:1px solid #CCC;
	background:unset;
	color:black;
	padding:10px;
}
.gridsections a:last-child {
	border-bottom:1px solid #CCC;
}
}


.breadcrumbs {
	padding:20px;
}


/* ///////////////////////////////////////////////////////////////////////////////////////// */
/* // Products Grid //////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////// */

.productslistblock ul {
	float:left;
	width:25%;
}
.productslistblock li {
	list-style:none;
}
.productslistblock li a {
	color:black;
	font-size:0.8em;
}
.products h3 {
	font-size:0.8em;
}
.grid.centered .redlink a {
	color:#9f1d3c;
}
.grid.centered .redlink a:hover {
	color:grey;
}
#products select {
	-webkit-appearance: none; 
	-moz-appearance: none;
	appearance: none;
	background-color:white;
	border: 1px solid #999;
	padding:10px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;

  	background-image:url(https://www.lisaeldridge.com/css/2018/select_arrow.gif);
  	background-position:right center;
  	background-size:30px;
  	background-repeat: no-repeat;
}
/* Shop for Liva Loves product button */
.shopbutton {
	background:#9f1d3c;
	padding:15px;
	padding-left:20px;
	padding-right:20px;
	border-radius:5px;
	color:white;
	font-family: system-ui;
	font-size: 13px;
	text-transform:uppercase;
}
a.shopbutton:hover {
	background:#891934;
	color:white;
}


/* ///////////////////////////////////////////////////////////////////////////////////////// */
/* // Shop ///////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////// */

.map a {
	opacity:0.7;
}
.map a:hover {
	opacity:1.0;
}
.shop h3 {
	font-weight:bold;
}
.shop .shopifydropdown {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.shop .shopifydropdowns select {
	-webkit-appearance: none; 
	-moz-appearance: none;
	appearance: none;
	background-color:white;
	border: 1px solid #999;
	padding:10px;
	padding-right:25px;

  	background-image:url(https://www.lisaeldridge.com/css/2018/select_arrow.gif);
  	background-position:right center;
  	background-size:30px;
  	background-repeat: no-repeat;
}


.shopifydetail .herozoom img {
	width:100%;
    display: block;
}
.shopifydetail .herothumbs {
	display:block;
	width:calc(100% + 10px);
	overflow:hidden;
	margin-bottom:20px;
}
.shopifydetail .zoomthumb {
    box-sizing: border-box; /* Keep div size internal */
	float:left;
	width:33.3333%;
	padding-top:10px;
	padding-right:10px;
	cursor:pointer;
}
.shopifydetail h2 {
	margin-bottom:0;
	margin-top:50px;
	font-size:2em;
	font-family: 'Cormorant Garamond', serif;
} 
.shopifydetail .swatches {
	margin-bottom:20px;
}
.shopifydetail .swatches a {
	display:block;
	float:left;
	width:40px;
	height:40px;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100px;
}
.shopifydetail .swatches .velvetmorning {
	background-color:#e82301;
	border: 2px solid #e82301;
}
.shopifydetail .swatches .velvetjazz {
	background-color:#830914;
	border: 2px solid #830914;
}
.shopifydetail .swatches .velvetribbon {
	background-color:#c80607;
	border: 2px solid #c80607;
}
.shopifydetail .swatches .selected {
	border: 2px solid black;
}
.shopifytext p {
	border-right:10px white solid;
}
  
  
.shopifymoreinfoimages {
	display:block;
    box-sizing: border-box; /* Keep div size internal */
	width:calc(45% - 20px);
	float:left;
	margin-right:20px;
}
.shopifymoreinfoimages img {
	width:100%;
}
.shopifymoreinfotext {
	display:inline-block;
    box-sizing: border-box; /* Keep div size internal */
	width:55%;
}
.shippingtable th, .shippingtable td {
	border-bottom: 1px solid #999;
	padding:10px;
	font-size:0.8em;
}

@media screen and (min-width: 701px) {
.shopifyprices {
	float:right;
    display: block;
	width:55%;
	padding-bottom:20px;
}
.shopifyimages {
    display: block;
	width:calc(45% - 20px);
	padding-right:20px;
	float:left;
}
.shopifytext {
    display: table-footer-group;
	padding:0;
}
}
@media all and (min-width:701px) and (max-width:900px) {
.shop .row3tablet .item {
	font-size:1.1em;
}
}
@media all and (max-width:700px) {
.shop .row1mobile .item {
	font-size:1.3em;
	padding-left:10%;
	padding-right:10%;
}
/*.shop .row1mobile .item img {
	margin-bottom:-30px;
}*/
}

.shop .breadcrumbs {
	padding:0;
}
.shop .ringsdropdown {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.shopifyfilters {
	font-size:0.9em;
}
.desktoppadding20.combineh2 {
	padding-bottom:0;
	margin-bottom:0;
	margin-top:30px;
}


.shoptext {
    overflow: hidden; /* clear the float */
}
.shoptext .shoptextimage {
    float: left;
	width:40%;
	margin-right:20px;
}
.shoptext img {
	width:100%;
}
.shoptext .textblock {
    overflow: hidden;
}

@media all and (max-width:700px) {
.shopifyfilters {
	font-size:0.7em;
}
.shopifydropdown select {
	font-size:0.7em;
}


.shopifydetail {
	display: table;
}
.shopifydetail h2 {
	margin-top:10px;
} 
.shopifyprices {
	display: table-header-group;
}
.shopifyimages {
    display: table-header-group;
}
.shopifytext {
	display: table-footer-group;
}
.shopifymoreinfoimages {
	width:100%;
}
.shopifymoreinfotext {
	width:100%;
	margin:0;
}
}


/* ///////////////////////////////////////////////////////////////////////////////////////// */
/* // Lightbox ///////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////// */

.lightbox {
	display:block;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	text-align:center;
    box-sizing: border-box; /* Keep div size internal */
	z-index:1000;
	background-image:url(https://www.lisaeldridge.com/css/2018/trans_white.png);
}
.lightbox img {
	margin-top:50px;
	max-height:80%;
	max-width:90%;
}
.lightbox a {
	color:#9f1d3c;
	background:white;
	border:1px solid #333;
	height:20px;
	width:20px;
	font-size:12px;
	padding:3px;
	border-radius:50%;
	position:absolute;
	top:35px;
	margin-left:-15px;
	font-family:'Helvetica', 'Arimo', sans-serif;
}
.lightbox a:hover {
	color:white;
	background:#9f1d3c;
}



/* ///////////////////////////////////////////////////////////////////////////////////////// */
/* // Item Styles ////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////// */

.item {
	position:relative; /* Helps with absolute positioning within the div */
	box-sizing: border-box;
	padding-bottom:30px;
}
.item img {
	width:100%;
}

/* ///////////////////////////////////////////////////////////////////////////////////////// */
/* // Panorama Styles ////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////// */
.panorama {
	display:block;
	max-height:500px;
	overflow:hidden;
	background-position:top center;
	background-size:cover;
}


/* ///////////////////////////////////////////////////////////////////////////////////////// */
/* // Post Styles ////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////// */

.post {
	padding-bottom:30px;
	padding-bottom:2vw;
}
.post .headline {
	display:block;
	font-size:1.7em;
	line-height:1.3em;
	background:white;
	position:relative;
	top:-40px;
	padding:15px;
	padding-top:10px;
	margin-left:20px;
	margin-right:120px;
	margin-bottom:-41px;
	border:1px solid #999;
	
	color:black;
}
.post a.headline:hover {
	background:black;
	color:white;
	border:1px solid black;
}
.post h3.headline {
	font-size:2em;
}
.post p:after {
    content: '';
}
.post .textblock {
	clear:both;
	margin:40px;
	margin-right:35px;
	margin-bottom:60px;
}
.moredata {
	float:right;
	background:#999;
	color:white;
	padding:10px;
	margin-right:20px;
	margin-bottom:20px;
	text-align:right;
	font-family:'Helvetica', sans-serif;
	font-weight:400;
	font-size:0.6em;
	z-index:100;
}
.moredata a {
	color:white;
}
.moredata a:hover {
	color:black;
}
.videocontainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	margin-bottom:50px;
}
.videocontainerportrait {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 177.78%;
	margin-bottom:50px;
}
.videoiframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ytcomment {
	font-size:0.8em;
	padding-bottom:10px;
}

@media all and (max-width:900px) {

.post .headline {
	margin-left:18px;
	margin-right:50px;
}
.post .textblock {
	margin-left:35px;
	margin-right:25px;
}
}

/* ///////////////////////////////////////////////////////////////////////////////////////// */
/* // Share + Play Styles ////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////// */

.share, .play {
	padding:10px;
	display:block;
	width:15px;
	height:15px;
	margin:10px;
	overflow:hidden;
	white-space:nowrap;
	background-color:black;
	background-size:cover;
	background-image:url(https://www.lisaeldridge.com/css/2018/share_white.png);
	
	
	position:absolute;
	right:0;
	border-radius:50%;
}
.play {
	background-image:url(https://www.lisaeldridge.com/css/2018/play_white.png);
	right:40px;
}
a.share:hover {
	background-color:white;
	background-image:url(https://www.lisaeldridge.com/css/2018/share_black.png);
}
.item:hover .play {
	background-color:white;
	background-image:url(https://www.lisaeldridge.com/css/2018/play_black.png);
}
.right .play, .grid .play {
	right:0;
	width:5px;
	height:5px;
}
.share span, .play span {
	visibility:hidden;
}

/* ///////////////////////////////////////////////////////////////////////////////////////// */
/* // Footer styles //////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////// */

#footer { /* Use # so we can scroll to the footer navigation for non-js browsers */
    box-sizing: border-box; /* Keep div size internal */
	min-height: 500px;
	clear:both;
	padding:10px;
	padding-top:30px;
    background:black;
	color:white;
	list-style:none;
	font-size:0.8em;
}
#footer a {
	color:white;
}
#footer .selected a {
	color:#9f1d3c;
}
#footer .navigation li {
	list-style:none;
	padding-right:20px;
	font-size:1.4em;
}
.mailingform input, .contactform input, .contactform textarea {
	padding:10px;
	margin:5px;
	margin-left:0;
	border: 1px solid #CCC;
}
.contactform .website {
	display:none;
}
@media screen and (min-width: 701px) {
#footer .social {
	float:right;
}
#footer .navigation li {
	float:left;
}
}
@media screen and (max-width: 700px) {
#footer { 
	font-size:1.2em;
}
#footer .products {
	display:none;
}
}

/* ///////////////////////////////////////////////////////////////////////////////////////// */
/* // Announcement Bar ///////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////// */

.announcement {
	font-family:'Helvetica', 'Arimo', sans-serif;
	font-size:0.6em;
    box-sizing: border-box; /* Keep div size internal */
	width:100%;
	padding:10px;
	position:fixed;
	bottom:0;
	z-index:100;
	
	display:none;
	background:#CCC;
}
@media screen and (max-width: 1100px) {
.floatright {
	float:left;
}

/* ///////////////////////////////////////////////////////////////////////////////////////// */
/* // Final rules to unset hover styles on mobile ////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////// */

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

a:hover {
	color:#9f1d3c;
}
#mainmenu a:hover {
	color:black;
}
.black a:hover {
	opacity:0.5;
}
.white a:hover {
	opacity:0.9;
}
.gridsections a:hover h3 {
	background:white;
	color:black;
}
.post a.headline:hover {
	background:white;
	color:black;
	border:1px solid #999;
}
.moredata a:hover {
	color:white;
}
a.share:hover {
	background-color:black;
	background-image:url(https://www.lisaeldridge.com/css/2018/share_white.png);
}
.item:hover .play {
	background-color:black;
	background-image:url(https://www.lisaeldridge.com/css/2018/play_white.png);
}

}