/*Use local font*/
@font-face {
  font-family: GoudyOS
  src:/fonts/SortsMillGoudy-Regular.woff
}

/* Change site color set and font*/
:root {
  --cassiopeia-color-primary:#9123b3
  --cassiopeia-color-hover:#d06272
  --cassiopeia-color-link:#ffffff
  }

h2, .h2, h1, .h1 {
  font-family:'GoudyOS';
  color:#660022;
}

h2-green, .h2-green {
  font-family:'GoudyOS';
  font-size: calc(1.325rem + .9vw);
  color: #183429; /*deep green  006666*/
}

/* Change colors of the menu container to gray */
.container-header {
position: relative;
z-index: 10;
margin-bottom: 20px;
background-color: #4d4d4d;
background-image: none;
box-shadow: none;
}

/* Change background color of top bar to black */
.topbar {
  background-color: #000000;
  background-size: cover;
  min-width: 100%;
}

.centered-button-style {
      padding: 10px 20px;
      background-color: #0066ff; /* blue */
      width: 25%;
      border: none;
      color: white;
      text-align: center;
      text-decoration: none;
      font-size: 20px;
      margin: 10px 0px;
      cursor: pointer;
      border-radius: 10px;
      display: block;
      margin-top: 40px;
      margin-left: auto;
      margin-right: auto;
    }

.centered-button-style:hover {
      color: #66ff66; /*light green*/
  }

.blog-featured .blog-items .items-leading .blog-item .item-content{
  margin-top:30px;
}

.readmore-button {
      padding: 10px 10px;
      background-color: #183429; /* dark green */
      width: 100%;
      border: none;
      color: white;
      text-align: center;
      text-decoration: none;
      font-size: 20px;
      margin: 10px 0px;
      cursor: pointer;
      border-radius: 10px;
      display: block;
      margin-top: 5px;
      margin-left: auto;
      margin-right: auto;
    }

.readmore-button:hover {
      color: #66ff66; /*light green*/
  }

.level1 {
  margin-top:30px; 
  margin-bottom: 25px;
  margin-left: 0px:
  padding-top: 50px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 10px; 
  /*border-style: double;*/
  border-radius: 25px;
  color:#183429; /*deep green 006666*/
}/*light olive - deleted*/

.level2 {
  margin-top:30px; 
  margin-bottom: 25px; 
  padding-top: 50px;
  padding-right: 30px;
  padding-bottom: 30px;
  padding-left: 30px; 
  background-color:#F3ECE0;
  border-style: double;
  border-radius: 25px;
  color:#183429; /*deep green 006666*/
}/*Pearl background*/

.level3 {
  margin-top:0px; 
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px; 
  background-color:#e6e6e6;
  color:#150705; /*dark brown*/
}/*light gray*/

.level4 {
  margin:0; 
  padding-top: 20px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px; 
  background-color:#e896b0;
  color:#3f0e1d; /*deep deep red*/
}/*light coral*/

/* Override for flex wrapper */
.container-main-top {
    flex-wrap: wrap !important;
}
/* Override for flex item */
.container-mail-top>* {
    flex: 0 0 auto;
}
/* Module classes. You can use them in Advanced > Module Class field */
/* 100% width */
.module-width-100 {
    width: 100%;
}
/* 50% width */
.module-width-50 {
    width: calc(50% - .5em);
}
/* and ect */
/* Add background image to Present It module */
.presentit {
  width: 100%;
  margin-top: 40px;
  background-repeat: no-repeat; 
  background-size: contain;
  /*border-radius: 25px;*/
}

/* Centered image class used in Embossing & Debossing
  "d-flex justify-content-center"
  The commented text is a Joomla native class to center an item
*/

/* Change benefits module background to gray */
.benefits {
  background-color: #d9d9d9;
}

/* Align newflash headers to center */
.newsflash-title {
  font-family:'GoudyOS';
  text-align: center;
  padding-bottom: 20px;
}


/* Add background image to wedding page */
.weddingmodule {
  background-repeat: no-repeat; 
  background-size: contain;
}

.box{
  border: 1px solid ;
  border-radius: 6px
  padding: 2rem;
  text-align: center;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span3;
}


/*Banner Styling*/
/*Eliminate space between banner and menu*/
.container-banner {
    margin: -9px auto;
}

li.maximenuck a, li.maximenuck.level1 {
    min-height: 26px !important;
    margin-top: 0px !important;
}*/

.homebanner img{
  margin:auto;
  display: block;
}

.homebanner .banner-overlay .overlay {
  minimum-width: 100%;
  margin-left: -.5em;
  margin-right: -.5em;
  opacity: 0.92;
  height: 50vh
}

.homebanner .banner-overlay {
  height: 50vh
}

.homebanner .banner-overlay .overlay {
  headings-font-family: GoudyOS;
  display: flex;
  justify-content: center;
  height: 50vh
  padding-top: 20px;
}

/* Change background color of site grid to light gray */
.site-grid {
  background-color: #d9d9d9;
}


/* Change background color of featured item position to light gray */
.blog-featured {
  background-color: #d9d9d9;
}

/* Change background color of bottom-a position to light gray */
.bottom-a {
  background-color: #d9d9d9;
}

/* Change the color of the drop down menu box to gray */  
.metismenu.mod-menu .metismenu-item > ul {
  background-color: #4d4d4d; /* background color of your dropdown menu */
}


/* Change colors of the menu button backgrounds to gray WORKS!*/
.navbar ul li a {
    background-color:#4d4d4d;
}

/* Change colors of the menu button text to white */
.metismenu.mod-menu .mm-collapse .metismenu-item a {
  color: #fff;
  }


/* Define style of seeMore grid for front page*/
#seeMore {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 10px;
  background-color: #2196F3;
  padding: 10px;
}

#seeMore > div {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  padding: 20px 0;
  font-size: 30px;
}

/* Define class of pictures with margin for Finishing page*/

.pic-list {
  Margin: 0px 10px 20px 0px
  float: left
  }
}