body {
	  margin:0 auto;
	  padding:0;
	  background-position: center top;
	  background-size: cover;
	  padding-bottom: 50px;
	  }

body.page {
  padding-bottom: 100px;
}

form .description {
	display: none;
}

.global-nav {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 10;
    justify-content: center;
    display: flex;
}

body.page .global-nav {
    background-color:#ffffff;
    background-image:url("../images/background-smaller.png");
    }

.global-nav .christmas-nav {
  width: 80%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 480px) {
  .global-nav .christmas-nav {
    width: 60%;
  }
}

@media only screen and (min-width: 640px) {
  .global-nav .christmas-nav {
    width: 50%;
  }
}

@media only screen and (min-width: 800px) {
  .global-nav .christmas-nav {
    width: 40%;
  }
}

@media only screen and (min-width: 900px) {
  .global-nav .christmas-nav {
    width: 30%;
  }
}

@media only screen and (min-width: 1200px) {
  .global-nav .christmas-nav {
    width: 25%;
  }
}

@media only screen and (min-width: 1350px) {
  .global-nav .christmas-nav {
    width: 22%;
  }
}

.global-login {
  margin: 0px auto 10px auto;
  background-color: #54764b;
  border-color: #54764b;
  padding: 0px;
  display: inline-flex;
}

.see-all-btn {
  margin: 20px auto 20px auto;
  padding: 0px;
  display: inline-flex;
}

@media only screen and (min-width: 800px) {
  .see-all-btn {
    display: none;
  }
}

.btn.global-login a, .see-all-btn a {
  display: block;
  padding: 4px 30px;
}

.see-all-btn.btn a {
  color: #868e96;
}

.see-all-btn.btn a:hover {
  color: #fff;
}

.see-all-btn a, .see-all-btn a:hover {
  text-decoration: none;
}

.global-nav a {
  width: 25%;
  display: block;
  float: left;
  padding-left: 2%;
  padding-right: 2%;
}

.global-nav a img {
  width: 100%;
}

.card {
  margin-top: 20px;
}

.card-body input, .card-body select, .card-body .node-form .form-text {
  width: 100%;
}

#wreath {
/*
  width: 300vw;
  height: 300vw;
  position: fixed;
  margin-top: -36vw;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-left: -220vw;
*/
}

	#wreath {
    width: 95vw;
    height: 95vw;
    margin: 34px auto 0px auto;
    background-position: center top;
    background-size: cover;
    position: relative;
  }


  .views-field-edit-node a, .views-field-delete-node a {
    color: darkred;
  }

  .modal-header {
    flex-direction: column;
  }

  .modal-header .picture {
    margin: -60px auto 0px auto;
    width: 28%;
  }

@media only screen and (min-width: 500px) {
  .modal-header .picture {
    margin: -80px auto 0px auto;
  }
}

#block-views-eb9540b15118d42aa5ba815712763a81 .card {
      margin-bottom: 90px;
}

#see-all-modal .close {
}



#see-all-modal .modal-dialog {
  margin-top: 60px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

#see-all-modal .modal-body {
  padding: 0px;
}


#see-all-modal .modal-content {
  background: transparent;
  border: 0px;
}

.card-header h4 {
  text-align: center;
}

.card-header .picture img {
  width: 100%;
}

  .card-header .picture {
    margin: -60px auto 0px auto;
    width: 28%;
  }

@media only screen and (min-width: 500px) {
  .card-header .picture {
    margin: -80px auto 0px auto;
  }
}

.messages {
  margin: 8px;
  text-align: center;
}

  .modal-title {
    text-align: center;
    width: 100%;
  }

  .close {
    float: right;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #000;
    opacity: 1;
    position: absolute;
    top: -37px;
    right: 0px;
  }

  .user .modal-dialog {
    margin-top: 70px;
  }

  .user .views-row {
    margin-bottom: 10px;
  }

  .user .views-row a, .card .views-row a {
    color: #964e31;
  }

@media only screen and (min-width: 500px) {
  .user .modal-dialog {
    margin-top: 86px;
  }
}

@media only screen and (min-width: 768px) {
  .user .modal-dialog {
    margin-top: 100px;
  }
}

.name {
  position: absolute;
		top: 12px;
		left: 10px;
		right: 10px;
		text-align: center;
		color: #964e31;
		display: block;
		font-size: 14px;
}

.views-field-field-gift-idea-order-value {
  font-size: 14px;
  float: left;
  display: block;
  line-height: 30px;
  margin-right: 10px;
  color: #666666;
  margin-top: 7px;
  margin-bottom: 4px;
}

.views-field-field-gift-link-url, .views-field-edit-node, .views-field-delete-node {
  float: left;
  display: block;
  height: 22px;
  width: 22px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: -999999px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
}

.views-field-field-gift-link-url {
  background-image: url("../images/ico-link.png");
}

.views-field-edit-node {
  background-image: url("../images/ico-edit.png");
}

.views-field-delete-node {
  background-image: url("../images/ico-delete.png");
}

.views-field-uid {
  clear: both;
  opacity: 0;
  height: 2px;
}

.views-field-field-gift-link-url a, .views-field-edit-node a, .views-field-delete-node a {
		font-size: 12px;
		width: 90%;
		overflow: hidden;
		display: block;
}

.view-empty {
  width: 90%;
  height: 260px;
  margin-left: auto;
  margin-right: auto;
  background-image: url("../images/empty-list-default.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  cursor: pointer;
}

.view-empty:active, .view-empty:focus, .view-empty:hover {
  background-image: url("../images/empty-list-default-hover.png");
}

@media only screen and (min-width: 320px) {


	body.User.account .navbar {
		display: none;
	}

	.navbar {
		height: auto;
	}

	body.front .navbar-inverse .navbar-inner {
		background-image: url(../images/bottom_nav_background.png);
	}

	body.front .navbar-fixed-bottom .navbar-inner {
		background-image: url(../images/bottom_nav_background.png);
		height: auto;
		max-height: 54px;
	}

	.navbar-inner .container-fluid {
		padding: 0px;
	}

	.navbar-inner .container-fluid .christmas-nav a {
		display: inline-block;
		float: left;
	 	background-position: top center;
	 	background-repeat: no-repeat;
	 	background-size: 100%;
	}

	.navbar-inner .container-fluid .christmas-nav a img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}

	.navbar-inner .container-fluid .christmas-nav a:nth-of-type(1) {
	 	width: 25%;
	}

	.navbar-inner .container-fluid .christmas-nav a:nth-of-type(2) {
	 	width: 24.6875%;
	}

	.navbar-inner .container-fluid .christmas-nav a:nth-of-type(3) {
	 	width: 24.375%;
	}

	.navbar-inner .container-fluid .christmas-nav a:nth-of-type(4) {
	 	width: 25.9375%;
	}

	a.tabledrag-handle {
		display: none;
	}

	td.views-field-title a:nth-of-type(2) {
		display: block;
	}

	table {
		width: 100%;
	}

	table#draggableview_christmas_list_1 .views-field-title {
		width: 60%;
		overflow: hidden;
	}
	table#draggableview_christmas_list_1 .views-field-edit-node {
		width: 20%;

	}
	table#draggableview_christmas_list_1 .views-field-delete-node {
		width: 20%;

	}

	.views-field-field-gift-link-url a {
		font-size: 12px;
		width: 90%;
		overflow: hidden;
		display: block;

	}

	.view-header p {
		text-align: left;
		color: #999999;
	}

	.view-header span {
		display: none;
	}

	.btn a {
		display: block;
		width: 100%;
		color: white;
	}

	.user img {
		margin: 0px auto;
		position: relative;
		display: block;
		vertical-align: middle;
		width: 100%;
		}

	.ui-widget-content {
		background-color: #ebe0c8;

	}

	.ui-dialog {
		color: red;
		position: fixed;
		top: 0px;
		width: 100%;
		padding: 0px;
		background-color: #EBE0C8;
	}

	.ui-dialog .ui-dialog-content {
		padding: 0px;
		color: #7d0000;
	}

	.ui-dialog .ui-dialog-content ol {
		padding-left: 32px;
	}

	.ui-dialog .ui-dialog-content a {
		color:  #7d0000;
		text-decoration: underline;
	}

	.ui-dialog .ui-dialog-content h3, .ui-dialog .ui-dialog-content span {
		padding: 2px 20px 2px 20px;
	}

	.back-header {
		background-color: #1a1312;
		height: 40px;
		color: white;
		padding: 3px 0px 0px 20px;
	}

	.back-btn	 {
		background-image: url(../images/back_btn.png);
		background-repeat: no-repeat;
		width: 60px;
		height: 30px;
		font-size: 14px;
		line-height: 20px;
		padding: 6px 0px 0px 19px;
	}

	.item-list {
		font-size: 18px;
		line-height: 22px;
		overflow: hidden;
	}

	.item-list li {
		margin-top: 10px;
		margin-bottom: 10px;
		clear: both;
	}

	.login {
		width: 45%;
		color: #ffffff;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		margin-left: auto;
		margin-right: auto;
		display: block;

	}

	.ui-dialog-titlebar {
		display: none;
	}

	.list {
	  font:9pt arial;
	  width: 100%;
	  height: 100%;
	  max-height: 100%;
	  max-width: 100%;
	  display: none;
	  z-index: 10000;
	  background-color: #EBE0C8;
	  color: #7d0000;
	  }

	 .list h3 {
		 margin-left: 10px;
	 }

	.list a {
		color:  #7d0000;
		text-decoration: underline;
	}
	input[value=Preview] {
		display: none;
	}

	input[type=submit] {
  	display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		margin: 15px 0px 15px 0px;
		width: 100%;
		background-color: #54764b;
    border-color: #54764b;
    color: white;
	}

	input[type=submit]:hover {
    background-color: #28a745;
    border-color: #28a745;
  }

input[type=submit]#edit-preview {
  display: none;
}

  .card {
    border: 1px solid #54764b;
  }

	h2 {
		font-size: 24px;
	}


	 .user {
		height: auto;
		width: 8.8%;
		position:absolute;
		margin: 0px;
		padding: 0px;
		/* z-index: 100; */
	}






.avatar {
  cursor: pointer;
}



  #Wayne-DIV {
	  top:3.192795743%;
	  left:46.17273844%;
	  }
	#Angie-DIV {
	  top:7.403193%;
	  left:55.020057%;
	  }
	#Alex-DIV {
	  top:5.952517%;
	  left:64.656979%;
	  }
  #Kelsie-DIV {
	  top:14%;
	  left:70%;
	  }
	#Katy-DIV {
	  top:16.121981%;
	  left:80.176832%;
	  }
  #Cameron-DIV {
	  top:25.5%;
	  left:81%;
	  }
  #Brooke-DIV {
	  top:31.559967%;
	  left:88.205894%;
	  }
	#Emmett-DIV {
	  top:40.59292%;
	  left:85.047483%;
	  }
	#Jordan-DIV {
	  top:50.260745%;
	  left:87.913221%;
	  }
  #Laura-DIV {
	  top:57%;
	  left:81.5%;
	  }
	#Wendy-DIV {
	  top:66.798199%;
	  left:84.275481%;
	  }
	#Clyde-DIV {
/*
	  bottom:84.615384615385%;
	  left:39.347079037801%;
*/
    display: none;
	  }
	#Dave-DIV {
	  top:71.043389%;
	  left:75.088825%;
	  }
	#Mary-DIV {
	  top:80.808842%;
	  left:71.480557%;
	  }
	#Matt-DIV {
	  top:81.024969%;
	  left:61.370037%;
	  }
	#Ethan-DIV {
	  top:88.135489%;
	  left:53.563242%;
	  }
	#Noah-DIV {
	  top:82.907491%;
	  left:44.79779%;
	  }
	#Connor-DIV {
	  top:89.02988129%;
	  left:36.529267%;
	  }
	#Quinn-DIV {
	  top:80.135489%;
	  left:30.278346%;
	  }
  #Grace-DIV {
/*
    bottom:84.615384615385%;
	  left:39.347079037801%;
*/
    display: none;
	 }
	#James-DIV {
	  top:81.39255%;
	  left:20.290626%;
	  }
	#Philip-DIV {
	  top:71.936963%;
	  left:17.887433%;
	  }
	#JJ-DIV {
	  top:68.013099%;
	  left:8.244781%;
	  }
	#Patrick-DIV {
	  top:58.370446%;
	  left:9.121981%;
	  }
	#Alexa-DIV {
	  top:50.967253%;
	  left:2.707327%;
	  }
	#Elaine-DIV {
	  top:41.856734%;
	  left:8.514121981%;
	  }
	#Bill-DIV {
	  top:32.646746%;
	  left:4.61973%;
	  }
	#Brandon-DIV {
    top:27.196889%;
	  left:13.519853%;
	  }
	#Colleen-DIV {
	  top:17.34957%;
	  left:13.23332%;
	  }
  #Harrison-DIV {
    top: 14.60131%;
    left: 23.09824%;
  }
	#Cody-DIV {
	  top:5.941056%;
	  left:28.5%;
	  }
	#Becka-DIV {
	  top:8.718788%;
	  left:38.2%;
	  }


}

@media only screen and (min-width: 480px) {

	/*
body {
	  background-color:#7d0000;
	  padding-bottom: 0px;
	  }

	body.front #wrapperDiv {
	  	margin:0 auto;
	  	padding:10px 03.255208333333% 30px 03.255208333333%;
	  	height:auto;
	  	z-index:100;
	  }

	.user:nth-child(2n), .user:nth-child(3n), .user:nth-child(4n) {
		margin-left: 03.481894150418%;
		}

    .user {
		position:relative;
		width: 22.284122562674%;
		float: left;
		margin-bottom: 25px;
		height: auto;
		margin-left: 03.481894150418%;
		vertical-align: baseline;
		height: auto;
		}

	.user:nth-child(4n+1) {
		margin-left: 0px;
		}


	.user div {
		width: 100%;
		position: relative;
		}

	.user img {
		margin: 0px auto;
		position: relative;
		display: block;
		}

	.user .snow {
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		height: auto;

	}

*/

	.user img {
		margin: 0px auto;
		position: relative;
		display: block;
		}

	.user .snow {
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		height: auto;

	}
	.navbar-inner .container-fluid {
		padding: 0px 16.666666666667% 0px 16.666666666667%;
	}

	.navbar-inner .container-fluid .christmas-nav a {
		display: inline-block;
		float: left;
	 	background-position: top center;
	 	background-repeat: no-repeat;
	 	background-size: 100%;
	}

	.navbar-inner .container-fluid .christmas-nav a img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}

	.navbar-inner .container-fluid .christmas-nav a:nth-of-type(1) {
	 	width: 16.666666666667%;
	}

	.navbar-inner .container-fluid .christmas-nav a:nth-of-type(2) {
	 	width: 16.458333333333%;
	}

	.navbar-inner .container-fluid .christmas-nav a:nth-of-type(3) {
	 	width: 16.25%;
	}

	.navbar-inner .container-fluid .christmas-nav a:nth-of-type(4) {
	 	width: 17.291666666667%;
	}




}


@media only screen and (min-width: 760px) {

  #wreath {
    width: 93vh;
    height: 93vh;
    margin: 0vh auto 7vh auto;
    background-position: center top;
    background-size: cover;
    position: relative;
  }

	html {
		padding-bottom: 0px;
	}

	body #wrapperDiv {
		margin: 70px auto 0px auto;
		/* padding: 0px; */
	}




	.navbar-fixed-top,
	.navbar-fixed-bottom {
		display: none;
		}

	.navbar-fixed-bottom {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		bottom: auto;


	}

	.dialogFixed {
		position: fixed !important;

	}

	.navbar-inner, body .navbar-fixed-bottom .navbar-inner {
		background: none;
		border: none;
		box-shadow: none;
	}

	body.front .navbar-inverse .navbar-inner {
		background: none;
		border: none;
		box-shadow: none;
	}

	body.front .navbar-fixed-bottom .navbar-inner {
		background: none;
		border: none;
		box-shadow: none;
	}


	.navbar-inner .container-fluid {
		padding: 0px;
	}

	.christmas-nav {
		width: 25%;
		margin: 0px auto 0px auto;
	}

	.login {
		width: 50px;
		margin: 10px 10px 10px 10px;
	}

	.navbar-inner .container-fluid .christmas-nav a {
		display: inline-block;
		float: left;
	 	background-position: top center;
	 	background-repeat: no-repeat;
	 	background-size: 100%;
	 	height: 60px;
	}

	.navbar-inner .container-fluid .christmas-nav a img {
		display: none;
	}

	.navbar-inner .container-fluid .christmas-nav a:nth-of-type(1) {
	 	width: 25%;
	 	background-image: url(../images/gui_home_tran.png);
	}

	.navbar-inner .container-fluid .christmas-nav a:nth-of-type(2) {
	 	width: 25%;
	 	background-image: url(../images/gui_mylist_tran.png);
	}

	.navbar-inner .container-fluid .christmas-nav a:nth-of-type(3) {
	 	width: 25%;
	 	background-image: url(../images/gui_addidea_tran.png);
	}

	.navbar-inner .container-fluid .christmas-nav a:nth-of-type(4) {
	 	width: 25%;
	 	background-image: url(../images/gui_logout_tran.png);
	}

	.name {
		position: absolute;
		top: 10px;
		left: 10px;
		width: 150px;
		color: #964e31;
		display: block;
		font-size: 14px;
		text-align: left;
	}

	body #wrapperDiv {
	  	width: 50%;
	  }

	.banner {
		width: 53.142857142857%;
		margin: auto;
		position: absolute;
		top: 75px;
		left: 23.357142857143%;
		display: none;
	}

	#ground-A {
	  margin:0px;
	  padding:0px;
	  position:absolute;
	  left:0px;
	  bottom:0px;
	  z-index:50;
	  background-image:url(../images/bg_snow_1.png);
	  background-position: center bottom;
	  height: 280px;
	  width:100%;
	  background-repeat: no-repeat;
	  }
	/*
#ground-B {
	  margin:0px;
	  padding:0px;
	  position:absolute;
	  right:0px;
	  bottom:50px;
	  z-index:25;
	  background-image:url(../images/snow_groundB.png);
	  background-position:right;
	  height:287px;
	  width:100%;
	  }
	#ground-C {
	  margin:0px;
	  padding:0px;
	  position:absolute;
	  right:0px;
	  bottom:90px;
	  z-index:25;
	  background-image:url(../images/snow_groundC.png);
	  background-position: center;
	  height:321px;
	  width:100%;
	  }
*/

	#tree1 {
		 width: 56.8359375%;
		 position: absolute;
		 left: 22.65625%;
		 bottom: 0px;
		 background-size: 100%;
		 top:auto;
		 z-index: 55;
		 height: auto;
		 max-width: 750px;
	 }



	#billdebug {
	  border:dashed 1px;
	  background-color:beige;
	  overflow:auto;
	  height:200px;
	  width:400px;
	  font:9pt arial;
	  position:absolute;
	  top:2px;
	  left:2px;
	  display:none;/*block*/
	  }



	.list {
	  font:9pt arial;
	  width: 300px;
	  height: auto;
	  position: relative;
	  display: none;
	  }

	#blackDogSanta {
	  position:absolute;
	  top:38px;
	  left:500px;
	  margin:0 auto;
	  padding:0;
	  z-index:9;
	  display:none;
	  }
	#blackDogSanta:hover {
	  cursor:move;
	  }
	.character {
	  margin:0 auto;
	  padding:4px;
	  z-index:200;
	  position:absolute;
	  /*display:block;*/
	  display:;
	  }
	.character:hover {
	  cursor:move;
	  }
	.ListOpen {
	  position:absolute;
	  top:0;
	  right:0;
	  }
	.ListOpen:hover {
	  cursor:pointer;
	  }




	body.front #menu_wrap {
		z-index: 201;
		position: relative;
		float:none;
	}

	#menu_wrap {
		width: 200px;
		float:left;
	}

	.user:nth-child(2n), .user:nth-child(3n), .user:nth-child(4n) {
		margin-left: 0px;
		}



	#admin-DIV {
		display: none;
	}




	}