/*============= RESET STYLE =============

/*-- Body Resets --*/
body {
   background: #ffffff;
   font-family: Georgia, serif;
   font-size: 1.25rem;
   color: #282828;
}
.text-justify { /*-- Class Dropped in Bootstrap 5 --*/
   text-align: justify;
}

/*-- Option: Add Extra Bootstrap Column Padding --*/
[class*="col-"] {
   padding: 0.021rem;
}


.box {
   background-image: url('img/p0-9.jpg');
   background-repeat: repeat;
   background-attachment: fixed;
   background-size: cover;
   border-radius: 1.20rem;
 }

/*-- Buttons --*/
.btn {
   font-size: small;
   border-width: .05rem;
   padding: .2rem 0.5rem;
   margin: .3rem;
   box-shadow: 0 0 .5rem rgba(0, 0, 0, .08);
   transition: all .3s ease;
   border-radius: 2.80rem;
 }
.btn-blue {
   border-color: #d20202;
   background-color: #d20202;
   color: white;
 }
.btn-blue:hover,
.btn-blue:focus  {
   border-color: #ffffff;
   background-color: #ffffff;
   color: #484848;
}


/*-- Remove Blue Browser Outline Around Buttons in Chrome --*/
a:focus,
button:focus {
  outline: 0 !important;
 
  box-shadow: none !important;
}

/*-- Pointer Cursor On Links & Buttons --*/
a, .btn, button {
   cursor: pointer!important;
}

/*-- Max-width Container For Elements
other than navbar, carousel, banner & footer --*/
.wrapper {
	max-width: 1500px;
   background-repeat: no-repeat;
   overflow: hidden;
   border-radius: 1.50rem;
   position: relative;
}

/*-- Headings --*/
h1 {
   font-family:'Dancing Script', serif;
	text-align: center;
	font-size: 150%;
	text-transform: uppercase;
	letter-spacing: .1rem;
	padding: .6rem 0;
}
h2, h3, h4 {
   
	text-align: center;
	text-transform: uppercase;
}
h5 {
   font-family: 'Roboto Condensed', sans-serif;
   font-weight: 500;
}
/*-- Make Paragraph 'lead' Class Text Larger--*/
p.lead {
   font-size: 1.1rem;
}


/*-- Remove Link Color/Underline from Phone #s --*/

a:hover {
   color:#d20202;
   text-decoration: none;
}

/*-- Center All Images & Set Max Width --*/
img {
   display: block;
	margin: 0 auto;
   max-width: 100%;
   border-radius: 1.0rem;
}

/*============= nav NAVIGATION =============*/

.navbar-brand img {
   height: 5.2rem;
 }
 

 .navbar {
   background: #ded8d0;
   font-size: 1.35rem;
   font-weight: 400;
   letter-spacing: .01rem;
   box-shadow: 0 .5rem .5rem rgba(0, 0, 0, 0);
   z-index: 1;
 }
 .nav-item {
   padding: .3rem;
 }
 .nav-link {
   color: #484848!important;
 }
 .nav-link.active,
 .nav-link:hover {
   color: #d20202!important;
 }


/*============= FOOTER (all pages) =============*/

.footers {
   background-color: rgba(120, 38, 38, 0.9)!important;
}
.footers img { /*-- (logo) --*/
   max-width: 5rem;
   padding-top: .1rem;
   padding-bottom: .1rem;
}
.box {
   background-color: #ffffff!important;
   font-size: 1.0rem;
   font-weight: 200;
   color: rgba(131, 90, 54, 0.9)!important;
   padding: 12px;
   column-count: 1;
   column-gap: 5px; }

   
.box2 {
   font-size: 1.1rem;
   font-weight: 150;
   text-align: center;
   padding: 39.4px;
   column-count: 1;
   column-gap: 5px; 
   
}


/*============= FOOTER (all pages) =============*/

.footer {
   background-color: not !important;
}
.footer h3 {
   font-size: 1.5rem;
   text-decoration: underline;
   padding-bottom: 0.1rem;
}
.footer img { /*-- (logo) --*/
   max-width: 10rem;
   padding-bottom: .05rem;
}
.footer a {
   color: #000;
   text-decoration: none;
}

/*-- Footer Social Icons --*/
.footer ul.social li {
   padding: .1rem .1rem;
}
.footer .svg-inline--fa {
   color: #000;
   font-size: 2.5rem;
   transition: all 0.5s ease 0s;
   
}
.footer .svg-inline--fa:hover {
   color: #000000;
}
.footer h3 {
   text-decoration: none;
}

/*-- Footer List Group --*/
.footer .list-group {
   box-shadow: none;
}
.footer .list-group-item {
   border-radius: 0!important;
}
.footer .list-group li {
   background-color: #d18f02;
   text-align: center;
   padding: .1rem 0 .1rem;
   color: #000;
   border: .05rem solid #ffffff;
   font-size: 1.00rem;
   letter-spacing: .1rem;
}
.footer .list-group .svg-inline--fa {
   font-size: 1.0rem;
   margin-right: .7rem;
   color: #1061bc;
}

/*-- Socket Copyright --*/
.socket {
   background-color: rgba(128, 136, 114, 0.9)!important;
   color: #ffffff;
}
.socket a {
   color: #ffffff;
   text-decoration: none;
}


/*============= MEDIA QUERIES =============*/

/* Large (lg) devices (desktops, 992px and under) */
@media (max-width: 991.98px) {

   .btn {
      font-size: small;
      border-width: .05rem;
      padding: .2rem 0.5rem;
      margin: .3rem;
      box-shadow: 0 0 .5rem rgba(0, 0, 0, .08);
      transition: all .3s ease;
      border-radius: 2.80rem;
    }

   .navbar {
      padding: .25rem 5rem;
   }
   .navbar-nav .nav-link {
      font-size: 1.2rem;
   }
   .navbar-nav .nav-link.active,
   .navbar-nav .nav-link:hover {
      border-bottom: 0;
      text-decoration: underline;
   }
   .dropdown-menu {
      background-color: transparent!important;
      margin-top: 0!important;
   }
   li.nav-item.dropdown.show ul {
      background-color: transparent;
      margin-top: .3rem!important;
   }
   .dropdown.show ul li.dropdown-submenu ul {
      background-color: transparent;
      margin-top: 0!important; 
   }
   a.dropdown-item {
      text-align: left;
   }
   .carousel-caption h2 {
      font-size: 1.7rem;
   }
}

/* Medium (md) devices (tablets, 768px and under) */
@media (max-width: 767.98px) {


/*-- Max-width Container For Elements
other than navbar, carousel, banner & footer --*/
.wrapper {
	max-width: 1500px;
   background-repeat: no-repeat;
   border-radius: 1.50rem;
   position: relative;
}
   header img {
      max-width: 20rem;
   }
   .navbar {
      padding: .2rem 2.5rem;
   }
   .navbar-nav .nav-link {
      font-size: 1.1rem;
   }
   .dropdown-menu, .dropdown-item {
      font-size: 1rem;
    }
   .carousel-caption {
      top:38%;
   }
   .carousel-caption h2 {
      font-size: 1.5rem;
   }

   .btn {
      font-size: small;
      border-width: .05rem;
      padding: .2rem 0.5rem;
      margin: .3rem;
      box-shadow: 0 0 .5rem rgba(0, 0, 0, .08);
      transition: all .3s ease;
      border-radius: 2.80rem;
    }

   h1.title {
      font-size: 2.2rem;
   }
   p.lead {
      font-size: 1.05rem;
   }
   th, td {
      font-size: .9rem;
   }
   td .svg-inline--fa {
      font-size: 1.1rem;;
   }
}

/* Small (sm) devices (landscape phones, 576px and under) */
@media (max-width: 575.98px) {
   .navbar {
      padding: .2rem .5rem;
   }
   .navbar-nav li {
      border-top: 0;
   }
   .carousel-caption {
      top:32%!important;
   }
   .carousel-caption h2 {
      font-size: 1.3rem;
   }
   .btn {
      padding: .2rem .3rem;
   }
   h1.title {
      font-size: 1.9rem;
   }
   h2 {
      font-size: 1.8rem;
   }
   h3 {
      font-size: 1.7rem;
   }
}

@media (max-width: 767px) {
   .row {
     overflow-x: hidden;
     overflow-y: hidden;
   }
 }
 
/*-- Don't modify waypoints CSS below,
this is required for waypoints to work --*/
.os-animation{
   opacity: 1;
   margin: 0!important;
   max-width: 100%;
}
.os-animation.animated {
   opacity: 1;
}