/* CSS Document */


/* Colors
replace the following:
#111111 -> #61177c   - dark grey/black header/footer
#000000    - text
#AAAAAA    - grey slogan background area
#FFFFFF    - header / footer text colors

#FB1 -> #61177c   - yellow menu background + section 1 + footer/header/main text hover color

#BADA55 -> #0093af    - primary button background color + + section 2 + hover border (green)
#707020    - primary button border
#C0FFEE    - primary button hover color (light blue)

#999999    - disabled button background and border

#B000B5 -> #61177c    - secondary button background color + hover border + main link color + section 3 (purple)
#1D1075    - secondary button border
#EB01A5    - secondary button hover color (light blue)

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


/* General
--------------------------------- */
html { 
  position: relative;    /*needed for sticky footer */
  min-height: 100%;      /*needed for sticky footer */
}
body {
	color: #000000;
	font-family: 'EB Garamond', serif;
	/* Show it is fixed to the top */
	font-size: 1.1rem;
  min-height: 75rem;
}
h1, h2 { font-family: 'Great Vibes', cursive; }
h3, h4 { font-family: 'EB Garamond', serif; }

header { background-color: #FFF;}
footer { background-color: #406d70;}

.ssa { font-family: 'Great Vibes', cursive; color: #406d70; font-size: 4.2rem; }

.pageContent {
	padding-top: 50px;
	padding-bottom: 40px;
}
.alt {
	color: #FFF;
	}

/* Headings
--------------------------------- */
h1, .h1 {
  font-size: 3rem;
}
h2.large, .h2.large {
  font-size: 3rem;
}
h2, .h2 {
  font-size: 2.4rem;
}
h2.plain, .h2.plain {
	font-family: 'EB Garamond', serif;
	font-size: 2rem;
}

h3, .h3 {
  font-size: 1.6rem;
}

h4, .h4 {
  font-size: 1.4rem;
  padding-top: 10px;
}
.lead {
  font-size: 1.3rem;
  font-weight: 300;
}
.site-heading-1 {font-family: 'Great Vibes', cursive; font-size: 66px; color: #FFF; margin-top: 65px; text-align: center;}
.site-heading-2 {font-family: 'Great Vibes', cursive; font-size: 56px; color: #FFF; text-align: center;}
.alignContact{text-align:center;}
.alignContact2{text-align:center;}

/* Links
--------------------------------- */
a[href^=tel] { color: inherit; text-decoration: none; }
a, a:active, a:visited {
	color: #61177c;
	font-weight: bold;
}
a:hover, a:focus {
	color: #a5d1ec;
}
.headertxt a, .headertxt a:active, .headertxt a:visited {
	color: #FFF;
	font-weight: normal;
}
.headertxt a:hover, .headertxt a:focus {
	color: #FB1;
}


/* Sections
--------------------------------- */
.colored-block{text-align:center;}
.bg1{background: #791d8b; padding: 70px 0; min-height:300px;}
/*.bg2{background: #0093af; padding: 70px 0;}*/
/*.bg2{background: #ADD8E6; padding: 70px 0;}*/
/*.bg2{background: #9bc2cf; padding: 70px 0;}*/
.bg2{background: #406d70; padding: 40px 0; margin-bottom: 2px;}
.bg3{background: #113941; padding: 40px 0;}
.bgwhite{background: #fff; }
.hidecard{border:1px solid rgba(255,255,255,1);}
.hidecardColor{border:none; background-color: #a5d1ec;}
.bg-info {
  background-color: #a5d1ec !important;
}

/* Padding
--------------------------------- */
.logo {
	margin-top: 1px;
	padding: 0;
	text-align: center;
}
.headertxt {
	padding: 40px 0px 0px 0;
	color: white;
	text-align: center;
}
.padbtm {
	margin-bottom: 50px;
}
.itempad {
	margin-top: 50px;
	margin-bottom: 50px;
}
.imgpad { padding-bottom: 15px;}
.spacerpad { padding-left: 10px; padding-right: 10px; color: #BA986A;}
.socialPad {padding-left: 3px; padding-right: 3px;}

.icopadL {padding-left: 10px;}
.icopadR {padding-right: 20px;}


/* Navigation
--------------------------------- */
.nav-item { padding-right: 20px;}  /*adds space beside menu items*/

.navbar-custom {
    background-color: #406d70;
	font-weight: normal;
	border-bottom: thin solid white;
	border-top: thin solid white;
}
/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: rgba(255,255,255,1);
	font-weight: normal;
	font-family: 'Great Vibes', cursive;
	font-size: 2rem;
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: rgba(255,255,255, 1);
	font-weight: normal;
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: rgba(255,255,255, 0.8);
}
/* for dropdown only - change the color of droodown */
.navbar-custom .dropdown-menu {
    background-color: #406d70;
	border: none;
}
.navbar-custom .dropdown-item {
    color: #fff;
}
.navbar-custom .dropdown-item:hover,
.navbar-custom .dropdown-item:focus {
	color: #FFF;
	background-color: rgba(255,255,255,.5);
}
.navbar-custom .dropdown-item.active {
	color: #fff;
	font-weight: normal;
	background-color: rgba(255,255,255,.1);
}
/* this is a black icon with 50% opacity */
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
/*  this is a white icon with 50% opacity */
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
/*  this is a custom toggler icon with 80% opacity */
.navbar-custom .navbar-toggler {
    border-color: rgba(255,255,255, 0.9);
}
.custom-toggler.navbar-toggler {
    border-color: rgb(255,255,255);
}
.navbar-custom .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navIcons {
	font-size: 20px;
	color: #fff;
	padding-left: 15px;
	}
.navIcons:hover {
	font-size: 20px;
	color: #AAE800;
	}


/* Buttons 
--------------------------------- */
.btn{
    white-space:normal !important;
    word-wrap: break-word; 
}

/* primary button */
.btn-primary, .btn-primary:visited {
	color: #fff;
	background-color: #113941;
	border-color: #fff;
}
.btn-primary:hover {
    color: #fff;
    background-color: #206E7D;
    border-color: #fff;
}
.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 3px rgba(134, 142, 150, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  background-color: #999999;
  border-color: #999999;
}
.btn-primary:active, .btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  background-color: #999999;
  background-image: none;
  border-color: #999999;
}


/* secondary button */
.btn-secondary, .btn-secondary:visited {
	color: #fff;
	background-color: #406d70;
	border-color: #fff;
}
.btn-secondary:hover {
    color: #fff;
    background-color: #497E81;
    border-color: #fff;
}
.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: 0 0 0 3px rgba(134, 142, 150, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  background-color: #999999;
  border-color: #999999;
}
.btn-secondary:active, .btn-secondary.active,
.show > .btn-secondary.dropdown-toggle {
  background-color: #999999;
  background-image: none;
  border-color: #999999;
}

/* dark button */
.btn-third, .btn-third:visited {
	color: #fff;
	background-color: #720d49;
	border-color: #fff;
}
.btn-third:hover {
	color: #fff;
	background-color: #971162;
	border-color: #fff;
}
.btn-third:focus, .btn-third.focus {
  box-shadow: 0 0 0 3px rgba(114, 13, 73, 0.5);
}
.btn-third.disabled, .btn-third:disabled {
  background-color: #999999;
  border-color: #999999;
}
.btn-third:active, .btn-third.active,
.show > .btn-third.dropdown-toggle {
  background-color: #999999;
  background-image: none;
  border-color: #999999;
}

/* light button */
.btn-light, .btn-light:visited {
	color: #fff;
	background-color: rgba(255,255,255,.3);
	border-color: #fff;
}
.btn-light:hover {
	color: #fff;
	background-color: rgba(255,255,255,.5);
	border-color: #fff;
}
.btn-light:focus, .btn-light.focus {
  box-shadow: 0 0 0 3px rgba(134, 142, 150, 0.5);
}
.btn-light.disabled, .btn-light:disabled {
  background-color: #999999;
  border-color: #999999;
}
.btn-light:active, .btn-light.active,
.show > .btn-light.dropdown-toggle {
  background-color: #999999;
  background-image: none;
  border-color: #999999;
}

/* MARKETING CONTENT
--------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing { 
padding-top: 0px;
}
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
--------------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


/* Featurette and Carousel
--------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}

/* Sticky footer styles
--------------------------------- */

.footer {
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
 background-color: #113941;
 height: 180px;
  text-align: center;
}
footer{
  color: #FFF;
  background-color: #113941;
}
footer a, footer a:active, footer a:visited {
  color: #fff;
  font-weight: normal;
}
footer a:hover{
  color: #FFF ;
  text-decoration: underline;
}
.footer-top{
  background: #AAAAAA;  
  text-align: center;
  padding: 30px 0;
  border-top: 3px solid #AAAAAA;
    border-width: 1px 0;
    border-color: white transparent #AAAAAA;
    box-shadow: 0 1px 0px white, 0 -1px 0px #AAAAAA;
}

.footer-middle{
  padding-top: 2em;
}
.footer-middle a:hover{
  color: #fff ;
	text-decoration: underline;
}

.footer-bottom{
  padding: 2em;
  text-align: center;
	font-size: 11px;
}
.footer-bottom a{
  color: #fff;
	font-weight: normal;
}


/* Sizing for Devices
-------------------------------------------------- */

/* Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap */


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
.footer-title h4{ font-size: 20px;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
.logo {
	padding: 30px 0;
	text-align: left;
}
.headertxt {
	padding: 40px 80px 0px 0;
	color: #FFFFFF;
	text-align: right;
}
.footer-title h4{ font-size: 30px;}
.alignContact{text-align:right;}
.alignContact2{text-align:left;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {  }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
  .specalignL {text-align: left;}
  .specalignR {text-align: right;}
}