/*!
 * Bet Giddings styles
 */


html {
  font-family: serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  margin: 0;padding: 0;
  font-family: 'Crimson Text', serif;
  font-size: 1.35rem;
  font-weight: 400;
  line-height: 1.75rem;
  color: #283219;
  background-color: #fff;
  cursor: default; 
    -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
  background-color: #f1edcb;
  background-image:url(../img/bck-parch.jpg);
        background-repeat:repeat;
}
#background {
        background-image:url(../img/bck-hyd-3.png);
        background-repeat:repeat;
        background-position:left top;
}
#background-r {
        background-image:url(../img/yel-rose.png);
        background-repeat:repeat;
        background-position:-80px 20px;
}
a {
	color:#d54689;font-weight: 600;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #9a1b56;
  text-decoration: none !important;
}

/*----------- Header ------------*/

header {
     background: transparent url(../img/bgheaderback.png) no-repeat center -12px; 
    text-align: center;padding:0 0 1px 0;margin: 0 auto 0;
  }
.betg {
	width:250px;margin:0 auto;padding:26px 0 0 0;}
header h3 {
	margin-top: -11px;margin-right: 0;font-size: 1.8rem;}
.container-fluid {
    padding-left: 0px;margin-bottom: 0;
}
.container {
    padding-left: 0px;
}

/*------- nav --------*/
.bg-dark {
    background-color: #8b519e!important;
}
.navbar {
	padding: .5rem 0rem .65rem 2.8rem;border-top:3px solid rgba(0,0,0,.3);
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
   color: rgba(241,237,203,1);
}
.navbar-nav {
    padding-left: 90px;
    }
.navbar-dark .navbar-nav .nav-link {
    color: rgba(241,237,203,1);
}
.nav-link {
	  font-family: 'Crimson Text', serif;
	  font-weight: 700;font-size: 1.2rem;
	  font-style: normal;text-transform: uppercase;
  }
.navbar-dark .navbar-toggler {
  color: rgba(241,237,203, 1);
  border-color: rgba(241,237,203, .3);
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(241,237,203, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.nav {
	padding: .5rem 0rem .65rem;text-align: center !important;margin: 0 auto;width: 100%;
}
ul.nav {
	display: inline-block;
}
.nav .nav-link {
    color: rgba(241,237,203,1);
}
.marr {
	color: #fff;text-align: left;margin-right: 72%;
	}
/*-------- BOdy styles --------*/

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;color: #8b519e;
  margin-bottom: 0.4rem;
}
h1, .h1 {
font-family: 'Crimson Text', serif;
font-weight: 400;color: #8b519e;letter-spacing: .5pt;
font-style: normal;font-size: 2.6rem;
}
h2, .h2 {
font-family: 'Dancing Script', cursive;
font-weight: 400;color: #8b519e;padding-top: 1rem;
font-style: normal;font-size: 2.4rem;line-height: 2.5rem;
}

h3, .h3 {
font-family: 'Crimson Text', serif;
font-weight: 400;color: #8b519e;letter-spacing: .5pt;
font-style: normal;font-size: 2.2rem;
}
h4, .h4 {
color: #734183 !important;
font-family: 'Crimson Text', serif;
font-weight: 600;letter-spacing: -.5pt;
font-style: normal;
}
h5, .h5 {
font-family: 'Crimson Text', serif;
font-weight: 400;color: #8b519e;letter-spacing: .25pt;
font-style: normal;font-size: 1.35rem;line-height:1.35rem;padding: 0;
}
.content {
	background-color: rgba(172,227,174, .7);
	margin:0 1rem 0 0;padding: 1.6em 1.4em;
	}
p.dropcap::first-letter {
  color: #8b519e;font-size:3em;float: left;
    margin-top: .15em;
  font-family: 'Dancing Script', cursive;
}

.content img {
	margin: 0 auto;display: block;
}
figure img {
	width: 100%;padding-top: 1rem;
}
figure.bet1 img {width: 100%;}
.cdbox {
	border: 2px solid #8b519e;padding-top: .6em;padding-left: .65em;padding-right: .65em;padding-bottom: 2em;
	background: rgb(172,227,174);margin-top:1.6rem;
background: radial-gradient(ellipse, rgba(172,227,174,0.01) 28%, rgba(255,253,238,1) 100%);
}
figure.cd img {width: 100%;padding-top: 0;
	box-shadow: 1px 3px 6px rgba(33,58,87,.7);
}
.paypal {
	text-align: center;margin: 0 auto 0;width: 100%;
}
p.smol {
	font-size: .75em;line-height:1;padding: 0;margin: 1em auto 0;
}
p.hearnow {
  font-size: .9em;line-height:1;padding: 0;margin: 0 auto 0;
  text-align: center.
}
.cdblurb {
	color: #734183 !important;
font-family: 'Crimson Text', serif;
font-weight: 600;
font-style: italic;margin-left: 1.2em
}
hr {
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
  width: 75%;
  border-top: 3px double #8b519e;
}
img.fflowers {
	display: none;
}
/*-------- Music --------*/
.music {
	margin-bottom: 1rem;
}
.music ul { /*a no bullet ul */
	margin:0;
	padding:0;
	list-style-type: none;
        font-size: 98%;line-height: 1.2rem;
	}
.music li {
	margin:0 0 0 6px;
	padding-top:6px;
	}
.music p {
        font-size: 98%;
		line-height: 1;
}
.music em {
	font-size: 100%;letter-spacing: .25pt;
}
.cocktails {
	margin-top:1rem;
}
.cocktails ul { /*a no bullet ul */
	margin:0;
	padding:0;
	list-style-type: none;
        font-size: 98%;
    
	}
.cocktails li {
	margin:0 0 0 6px;
	padding-top:6px;
	}
.music h3,
.cocktails h3 {
	font-size: 1.6em;line-height: 1;padding-top: .6em;
}
.cocktails h3:first-child {
	padding-top: 0;
}
/*------ Forms ----------*/
figure img.bet {
	width: 300px;margin-bottom: 4rem;
}
.message,
.formInputText {
	width:100%;
}
input.formInputButtonL  {
    vertical-align: middle;
    font-weight: 400;
    text-align: center;
    color: #f4f0d0;font-size: 1.2em;
    background-color: #824b94;
    padding: 4px 8px 6px;
	border:2px solid #f4f0d0;border-radius: 10px;
    cursor: pointer;box-shadow: 0 2px 2px rgba(0,0,0,.3);
	margin: -20px 10px 30px 200px;    
	}  
.bottrap {
	margin:0 0 0 -500px;
}
footer {
	margin:0 1rem 0 0;padding: 1.6em 2.4em;border-top:3px solid rgba(0,0,0,.5);
	background-color: rgba(172,227,174, .6);text-align: center;
	font-weight: 600;font-size: 1.02em;line-height: 1.75em;
  }
  footer a {
	  color: #283219 !important;text-decoration: none;
  }
.hide-vsm {display: none;}
.hide-sm {display: none;}
.hide-md {display: block;}
/******************************************************/
/**************** media breaks *******************/
/******************************************************/

@media (min-width: 576px) {

.betg {
	width:360px;
	}
header h3 {
	margin-top: -22px;margin-right: 68px;font-size: 2.02rem;
	}
.marr {
	margin-right: 82%;
	}
.container {
    max-width: 96%;
  }
 .cocktails {
	     -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 0;
    widows: 0;
    align-content: top;
 }
 .cocktails h3 {
	padding-top: 1rem;
}
/* .hide-md {display: none;} */
.content,
footer {
	margin:0 1rem 0;
}
}

@media (min-width: 768px) {
header {
 padding:9px 0 2px 0;margin: 1rem auto 0;
}
.betg {
	width:420px;margin-top: 0px;margin-right: 0;margin-left: 0;
}
header h3 {
	margin-top: -30px;margin-right: 56px;font-size:2.2rem;text-align: center;
}
.container-fluid {
    padding-left: 15px;
}
.container {
    padding-left: 15px;
    max-width: 94%;
  }
.navbar {
	padding: .02rem 0 0;
	}
.navbar-nav {
    padding-left: 0;
    }
.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    }
p.dropcap::first-letter {
	 font-size:4em;
}
h2, .h2 {
font-size: 2.65rem;line-height: 2.2rem;
}
h5, .h5 {
font-size: 1.5rem;line-height:1.5rem;
}
.music h3 {
	padding-top: .2em;
}

figure#wt img {width: 100%;}
figure img.bet {
	width: 260px;
}
img.fflowers {
	display: block;
	width: 46%;margin-left: 1rem;margin-right: -4rem;margin-top:1.6rem;
}
img.hat {
	margin-left:1em;margin-right: -1em;
}
p.smol {
	margin-top:0;
	}
ul.nav {
	display:inline-flex;width: 100%;
}
.hide-sm {display:inline;}
.hide-lg {display: none;}
}

@media (min-width: 992px) {
.hide-lg {display: none;}
  .container {
    max-width: 968px;
  }
 .cocktails {
	     -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    height: 696px;
 }
 figure#wt img {
	 padding-top: 0;margin-top:-1rem;
 }
img.fflowers {
	width: 380px;margin-left: 1rem;margin-right: -3rem;
}
}
@media (min-width: 1200px) {
}