html, body { max-width: 100%;overflow-x: hidden;}
body{font-size:15px; line-height: 24px; font-family: "Manrope", sans-serif;font-weight: 400;}
h1, h2, h3, h4, h5, h6 {color:#1d2d56; font-family: "Manrope";  font-weight: 800;margin: 0 0 10px 0;}
h2 {font-size:26px;}
h3 {font-size:18px;}

p { margin: 0 0 10px;}
.img-center {margin: 0 auto;}
.clear100 {clear:both; height:100px;}
.clear60 {clear:both; height:60px;}
.clear30 {clear:both; height:30px;}
.clear20 {clear:both; height:20px;}
.clear10 {clear:both; height:10px;}
.p3 {padding:3px;}
.p-10 {padding:10px;}
.quote {    font-size: 35px;
    font-style: italic;
    color: #bdbdbd;
    font-family: 'Times New Roman', Times, serif;
    display: inline-block;
    padding: 7px 112px;
    line-height: 45px;
    /* border-left: 5px solid #f3f3f3; */
    margin-bottom: 23px;
    text-align:center;
}

/*Override the iframe width/height */
iframe, object, embed { max-width: 100% !important;}
.video {position: relative;padding-bottom: 56.25%; height: 0;margin-bottom:15px;}
.video iframe {position: absolute;	top: 0;left: 0;width: 100%;height: 100%;}

/*Background*/
.image-bg-fluid {background: url('/i/lifesQR/bg-memorial-crop.jpg') no-repeat center center scroll; padding: 115px 0 160px 0; color: #fff;}
.image-bg-fluid, .bg-field-overlay, .image-bg-fluid-setup {text-align: center;-webkit-background-size: cover;-moz-background-size: cover; background-size: cover;-o-background-size: cover;}
.image-bg-fluid-setup {background: url('/i/lifesQR/bg-memorial.jpg') no-repeat center center scroll; padding: 20px 0; color: #fff;}
.bg-cover { padding: 0; color: #fff; text-align: center;-webkit-background-size: cover;-moz-background-size: cover; background-size: cover;-o-background-size: cover;}

h2 span.blue {color:#053a4a;}

.bg-order-summary {background-color:#eee;}
.order {margin-top:20px; }
.bg-1 {background: linear-gradient(#eee, #ffffff); padding:0;}
.bg-gradient {background: linear-gradient(#eee, #ffffff); padding:0;}
.bg {background: linear-gradient(#eee, #ffffff); padding:0;}
.bg-container {background-color: #ffffff;}


.fa-user {
  content:"";
  width:20px;
  height:20px;
  background:url('/i/user.png');
  background-size:contain;
  background-repeat:no-repeat;
  display:inline-block;

}
.fa-cart-shopping {
  content:"";
  width:20px;
  height:20px;
  background:url('/i/basket-5.png');
  background-size:contain;
  background-repeat:no-repeat;
  display:inline-block;

}

/*Navigation*/
header .navbar {padding: 10px 0; transition: all .5s ease-out; margin:0; }
header .navbar-default {border: none; background-color: rgba(0,0,0,0.6);}
header .navbar-default .navbar-nav a {color: white;padding: 10px 10px;}
header .navbar-default .navbar-nav a:hover {color: #99c53c;}
header .navbar-default .navbar-nav .active a {color: white;background-color: transparent;  border-bottom: 4px solid white; }
header .navbar-brand { float: left;height: 50px; padding: 5px 5px;font-size: 15px;line-height: 20px;}
header .navbar-brand h1 {color: gray;margin: 0; font-size: 45px;  font-weight: normal;  padding: 0px 0px 0 65px; font-family: "Poiret One", sans-serif;}
header .navbar-brand img.logo {width:180px; height:43px; float:left; position: relative;top: -3px;}
.navbar-default .navbar-nav>li>a {  color: white;text-align: center;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: black; background-color: transparent;}
.navbar-default .navbar-toggle .icon-bar {background-color: #FFFFFF;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: transparent;}
header ul.nav {margin-top:10px;}
.navbar-light .navbar-nav .nav-link {color: black;font-size:18px; }
.navbar-light .navbar-nav .nav-link .bg-danger {color:white;}

nav .dropdown-menu {background-color:#1d2d56;}
nav .dropdown-menu .dropdown-item {color:white;}
nav .dropdown-menu .dropdown-item:focus, nav .dropdown-menu .dropdown-item:hover {color: #1d2d56;text-decoration: none;background-color: #f8f9fa;}

.nav-link .badge {
    font-size:13px; 
    font-weight:normal;
    position: relative;
    bottom: 24px;
    left: -20px;}


/*This is the little triangle that appears after the user to show there is an option*/
.dropdown-toggle::after {
    display: none; /*inline-block*/
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}


/*header nav - black-on-white bar*/
header.blackonwhite .navbar-default {background-color: rgba(255,255,255,1.0);}
header.blackonwhite .navbar-default .navbar-nav a {color: #1d2d56; font-size: 17px; font-family:'Manrope'; font-weight:bold;}
header.blackonwhite .navbar-default .navbar-nav a:hover { color: #e4a600;}
header.blackonwhite .navbar-default .navbar-nav .active a {color: black;background-color: transparent;  border-bottom: 4px solid black; }
.navbar-default .navbar-toggle .icon-bar {background-color: #000000;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: black;}
ul.navbar-nav {border-top:1px solid gray; text-align: center; background-color:#eee;}

/* --Form Window  */
#login, #find2, #pnlStep1, #pnlInvalidResetForm, #pnlStep2,#pnlStep3, .signup-form, #new-user-form, #contact-us-form, #subscribe-form  {background-color:rgba(255,255,255,0.7);padding:20px; text-align:left; color:Gray; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}            
#login {margin:20px auto 0 auto;text-align:left; width:350px; }
#login #btnLogin {height: 34px; margin-left:5px; float:left;}     
#find2 {width:350px; margin:20px auto 0 auto; }
#find2 #btnFind {height: 34px; margin-left:5px; float:left;}
#pnlStep1,#pnlStep2,#pnlStep3, #pnlInvalidResetForm {width:350px;margin:20px auto 0 auto;}
#pnlStep1 img,#pnlStep2 img,#pnlStep3 img {width:100%;}
#signup-form, #new-user-form, #signup-form-wide {margin:20px auto 50px auto;  }
#signup-form .row, #signup-form-wide .row {margin-left:0; margin-right:0;}
#contact-us, #subscribe {padding: 40px 0 250px 0; } 
.social-media {padding:5px 0;}
.social-media img {width:25px; margin-right:5px;}

/**Main */
.main {padding:10px 0 0 0; min-height:400px;}

/*Override the iframe width/height */
iframe, object, embed { max-width: 100% !important;}
.video {position: relative;padding-bottom: 56.25%; height: 0;margin-bottom:15px;}
.video iframe {position: absolute;	top: 0;left: 0;width: 100%;height: 100%;}
.videoAdmin {position: relative;padding-bottom: 56.25%; height: 0;    margin-bottom: 5px;}
.videoAdmin iframe {position: absolute;	top: 0;left: 0;width: 100%;height: 100%;}
div.meta span {display:none;}
h1.meta {display:none;}
.center-pills { display: inline-block; }
.clear, .c {clear:both;display:block;height:0; overflow:hidden;visibility:hidden; width:0;}
.c10, .clear10{clear:both; margin:0; height:10px;}
.c15, .clear15{clear:both; margin:0; height:15px;}
.c20, .clear20{clear:both; margin:0; height:20px;}
.c35, clear35{clear:both; margin:0; height:35px;}
.c50, .clear50{clear:both; margin:0; height:50px;}
.c100, .clear100{clear:both; height:100px;}
.img-center {margin: 0 auto;}
/*a.nav-link span {display:none;}*/
.menu-label {display:inline-block;}

/**  Footer **/
footer {background: #192032;padding: 60px 0 60px 0;  color:#ffffff;}
footer h3 {color:#ffffff;text-transform:uppercase; font-weight:normal; margin-bottom:20px; font-size:20px;}
footer a {color: #ffffff;}
footer p {font-size:11px;margin:10px 0 0 0; text-align:center;}
footer ul.nav li {font-size: 14px; list-style:none;}
footer ul.nav>li>a { position: relative;display: block;padding: 3px 2px; color:#ffffff;}
footer ul.nav>li>a:hover, .nav>li>a:focus { }
footer ul.nav>li>a:hover {  }
footer img.footer-logo {width:250px;margin:0;}
footer li, footer h3 {text-align:left;}
footer .col-xs-12 {margin-bottom:30px;}
footer .nav-link { display: block; padding: 9px 5px;}
footer .row-footer {margin-bottom:30px;}

.btn {border-radius: 3px;}
.btn-blue{color:#053a4a;background-color:transparent;border-color:#053a4a}
.btn-blue:active, .btn-blue:focus,.btn-blue:hover{color:#ffffff;text-shadow:none;background-color:#053a4a;border-color:#ffffff}
.btn-blue-fill{color:#ffffff;background-color:#1d2d56;border-color:transparent;}
.btn-blue-fill:active, .btn-blue-fill:focus, .btn-blue-fill:hover{color:#fff;background-color:#eaaa10;border-color:transparent}
.btn-gold-fill{color:#ffffff;background-color:#eaaa10;border-color:transparent;}
.btn-gold-fill:active, .btn-gold-fill:focus, .btn-gold-fill:hover{color:#fff;background-color:#1d2d56;border-color:transparent}
.btn-grey-fill{color:#1d2d56;background-color:#efefef;border-color:transparent;}
.btn-grey-fill:active, .btn-grey-fill:focus, .btn-grey-fill:hover{color:#ffffff !important; background-color:#1d2d56 !important;border-color:transparent}
.btn-white-fill{color:#192032;background-color:#ffffff;border-color:transparent;}
.btn-white-fill:active, .btn-white-fill:focus, .btn-white-fill:hover{color:#ffffff;background-color:#192032;border-color:transparent}

#login, #find2, #pnlStep1, #pnlInvalidResetForm, #pnlStep2,#pnlStep3, #signup-form, 
#success-form, #new-user-form, #contact-us-form, #subscribe-form, .bg-transparent  {
    background-color:rgba(255,255,255,0.9);padding:20px; text-align:left; color:Gray; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;

}            
#login {margin:20px auto 0 auto;text-align:left; }
#login #btnLogin {height: 38px; margin-left:3px; float:left;}     
#find2 {width:350px; margin:20px auto 0 auto; }
#find2 #btnFind {height: 34px; margin-left:5px; float:left;}
#pnlStep1,#pnlStep2,#pnlStep3, #pnlInvalidResetForm {width:350px;margin:20px auto 0 auto;}
#pnlStep1 img,#pnlStep2 img,#pnlStep3 img {width:100%;}

#signup-form, #new-user-form, #success-form, #signup-form-wide {margin:20px auto 0 auto; text-align:center;  }
#signup-form .row, #signup-form-wide .row {margin-left:0; margin-right:0;}
.form-control {background-color: rgba(255,255,255,0.5);}

.glyphicon {margin: 2px 0 0 0;}
.selectWidth {width: 100%;margin:0;text-indent: 25px;} 
.left-inner-addon { position: relative;}
.left-inner-addon input, .left-inner-addon textarea {  padding-left: 35px;    }
.left-inner-addon i { position: absolute; padding: 10px 12px; pointer-events: none;color:#777; left: 0; top: -2px;}
.right-inner-addon {  position: relative;}
.right-inner-addon input {   padding-right: 30px;    }
.right-inner-addon i {position: absolute;  right: 0px;padding: 10px 12px;pointer-events: none; color:#777;}
.bg-cover {margin-bottom:20px;}
.bg-cover h2, h2.member-edit {text-align:left; font-family: 'Manrope'; font-weight: bold; text-transform:uppercase; font-size:19px;}

.page-margin-setup {margin-top:50px}


/*public pages*/

.page-public h2 {text-align:center; margin-bottom:20px;}
.page-public h3 {text-transform:uppercase; text-align:left;}
.page-public h4 {font-size: 20px;}
.page-public img {margin-bottom:10px;}
.page-public .intro {margin:0px 0 20px 0; padding-top:30px;}
.page-public img.delete {margin:0; display:inline-block; padding:8px 0 8px 20px;}
.page-admin .intro {margin: 0px 0 40px 0; padding-top:30px}

.basket-container {margin-bottom:30px;}
.tr {text-align:right;padding-bottom:4px;}
.mo{font-size:large; font-weight:bold;}
.progress {height: 0.5rem; border-radius:0; margin-bottom:20px; margin-top:5px;}
.progress-header .col {text-align:center;text-transform:uppercase;}
.progress-bar {background-color:#eaaa10;}
.order table {font-size:15px;}
td.orderItemsImg {width:30%;}
.orderItems img {padding-right:3px;}
.mo {display:inline-block; float:right;}
.shipping {padding:10px 0;}
.shipping .row {margin-bottom:5px;}
tr.grandtotal {font-weight:bold;}
.order table td {text-align:left;}
.order table td.col1 {width:100px;}
.product {margin: 0 10px 50px 10px;padding: 10px;}
.basket-options {float:right;}


/*Guestbook */
.entry {background: #FAF0D8BF;padding:20px; margin-bottom:20px;}
.entry:hover {background: #E4A60040;}
.entry p {margin-bottom:3px;}
.memorialBody .entry h3 {font-size:17px; text-align:left; font-weight:bold;}

.entry .comment {padding: 30px 0px 10px 0px;}
.entry h3 {margin-bottom:3px;}

.comment span  {color: white;
    background: #dc3545;
    padding: 5px;
    margin-bottom: 10px;
    display: inline-block;}

.switch-can {width:150px;}
.switch { position: relative; display: inline-block;  width: 60px; height: 34px;}
.switch input {opacity: 0; width: 0;  height: 0; }
.switch .slider {position: absolute; cursor: pointer; top: 0;left: 0;right: 0;bottom: 0;  background-color: #ccc;-webkit-transition: 0.1s;  transition: 0.1s; }
.switch .slider:before { position: absolute;content: ""; height: 26px; width: 26px; left: 4px;   bottom: 4px;background-color: white;-webkit-transition: 0.1s;  transition: 0.1s; }
.switch .slider.round {border-radius: 34px; }
.switch .slider.round.round:before { border-radius: 50%; }
.switch.active .slider { background-color: #eaaa10; }
.switch.active .slider { -webkit-box-shadow: 0 0 1px #2196F3; -moz-box-shadow: 0 0 1px #eaaa10; -ms-box-shadow: 0 0 1px #eaaa10; }
.switch.active .slider:before {-webkit-transform: translateX(26px); -ms-transform: translateX(26px);   transform: translateX(26px); }

.togHidden {position:relative; top:3px; font-size:13px;}
.togPublic {position:relative; top:3px; font-size:13px;}


/* Gallery Sub Menu*/
.gallery-sub-menu {margin-bottom:30px;}
.gallery-sub-menu a { display:inline-block; padding:3px 10px; margin: 0 15px; color:black;}
.gallery-sub-menu a:hover {text-decoration:none;}
.gallery-sub-menu a.active {border-bottom:3px solid #eaaa10;}


/*----------------------------------------------------------------

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {   
    .memorial-header {height:200px;}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px)  {
    ul.navbar-nav {border-top:none; background-color:transparent;}
    .menu-label {display:none;}
    .navbar-right { margin-top: 8px;}
    footer .nav-link { display: block; padding: 3px 5px;}

    /*#contact { border-top: 20px solid gray;}*/
    #signup-form, #new-user-form  {width:480px;}
    #signup-form-wide {width:600px;}

    h1.meta {display:none;}
    h2.fp-blue, h2.fp-green, .bg-challenging h2, .bg-dedicated h2, .bg-only-7-minutes-a-day h2 {font-size: 38px; }
    header .navbar-brand h1 {font-size: 33px; padding: 0px 0px 0 44px}
    .bg-team h2 { font-size:53px; margin-bottom:10px; text-align:right;}
    .bg-team p {padding: 0px 0 0 190px; text-align: right;color: white;}
    .btn-freetrial { text-align: right;}
    .image-bg-fluid {background: url('/i/lifesQR/bg-memorial.jpg') no-repeat center center scroll; padding: 160px 0; color: #fff; background-size:cover;}
}