/*=====================================RESETS============================================*/

*, *:before, *:after {
  -webkit-box-sizing: border-box; /* Needed for mobile WebKit */
  -moz-box-sizing: border-box; /* Needed for Firefox */
  box-sizing: border-box;
}

html {
font-family: 'Roboto Slab', serif;
background-color: #fafafa;
text-size-adjust: 100%;
font-size: 1rem;
-webkit-font-smoothing: auto !important;
letter-spacing: 0.01em;
line-height: 1.625;
overflow-wrap: break-word;
}

body {
margin: 0;
text-align: center;
}

figure {
margin: 0 0 5px 0;
}

a{
text-decoration: none;
}
li{
list-style: none;
}
/*=====================================HEADER NAV============================================*/

.header {
width: 100%;
/*display: flex;*/
justify-content: space-evenly;
/*flex-grow: 1;*/
flex-direction: row;
flex-wrap: wrap;
background-color: #EBC3C2;
border-radius: 20px;
border: 25px solid #EBC3C2;
}

a.header__logo {
  /*margin: 10px auto;*/
  padding-top: 20px;
  display:flex;
  flex-grow: 1;
}

.header__nav {
  margin: 0px;
  background-color: #EBC3C2;

}
.header__links{
padding-top: 3%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 60%;
flex-grow: 1;
height: 40px;
background-color: #EBC3C2;
}
.header__link{
height: 40px;
/*border: black 1px solid;*/
border-radius: 10px;
/*box-shadow: 0 2px #999;*/
font-weight: bold;
padding: 5px;
background-color: #EBC3C2;
}
.header__link:hover{
transition: 0.3s;
/*background-color: rgb(242, 240, 242);*/
color:rgba(0, 0, 0, 0.85)

}
.header__welcome{
font-family: Snell Roundhand, cursive;
font-size: 2.2rem;
padding-left: 1rem;
}
.header__img{
width: 100%;
height:auto;
display:flex;
  flex-grow: 1;
}
.nav__sidenav {
/*Flex*/
list-style: none;
display: flex;
flex-wrap: wrap;
/* justify-content: center;*/
}

ul.nav__sidenav.nav--right {
justify-content: space-evenly;
padding-left: 0;
background-color: #EBC3C2;
min-height: 410px;
}

.nav__sidenav a {
margin: 0;
text-decoration: none;
text-align: center;

display: block;
/*padding: 1em; */
/*flex*/
flex-grow: 1;
}
.nav__sidenav a:hover {
opacity: .5;
}

/*=====================================END HEADER NAV============================================*/

/*=====================================START MAIN============================================*/

/*
@media(max-width:550px) {
.sector__top-image .hero__image .hero__image2{
display: none;
} }*/

@media (min-width: 840px) {
a#nav-bag {
  padding-right: 0;
}
}

.main {
display: flex;
flex-direction: row;
flex-wrap: wrap;
border-radius: 20px;
border: 25px solid #E0C9C1;
padding:3%;
margin-top:2%;
margin-bottom:2%;

}
.mainsection {
  flex-direction: row;
  flex-wrap: wrap;
  border-radius: 20px;
  border: 25px solid #E0C9C1;
  margin-top: 2%;
  margin-bottom: 2%;
  padding: 3%;

}
.hero__image{
padding: 1%;
margin-right: 5%;
width: 60%;
height: auto;
border: solid rgba(21, 14, 21, 0.1) 5px;
}


.featured {
flex: 1 1 70%;
}

.home-side-col {
flex: 1 1 30%;
}
.featured-column {
display: flex;
}

.sidebar-list {
display: flex;
flex-direction: column;
}

/*=====================================END MAIN============================================*/
/*=====================================FOOTER============================================*/
/***********************DESKTOP *********************/

@media all and (max-width: 999999999px) and (min-width: 1336px) {
  .container {
    
  width: 90%;
  max-width: 960px;
  margin: auto;
  font-family: 'Roboto Slab', serif;
  
  }
  #footer {
    width: 100%;
    background-color: #EBC3C2;
    margin: 0 auto;
    border-radius: 20px;
    border: 25px solid #EBC3C2;
    
  }

  h3.footer__left {
    color: black;
    font-size: 16px;
    font-family: 'Roboto Slab', serif;
    font-weight: bold;
    margin: 0 0 12px 0;
    text-align: left;
  }

  h3.footer__center {
    color: black;
    font-size: 16px;
    font-family: 'Roboto Slab', serif;
    font-weight: bold;
    margin: 0 0 12px 0;
    text-align: center;
  }

  .footer__ul {
    margin: 0;
    list-style-type: none;
    padding-inline-start: 0px;
  }

  .footer__li {
    margin: 0;
    color: #666666;
    font-size: 13px;
    font-weight: 324;
    line-height: 22px;
    list-style-type: none;
    text-align: left;
  }

  /********************UTLITY****************/
  #footer-utility {
    width: 85%;
    height: 150px;
    margin: 36px 0 0 auto;
    display: flex;
    justify-content: flex-end;
    text-align: center;
    padding-top: 7%;
  }
  .footer__partition {
    width: 1px;
    height: 100px;
    background: #d8d8d8;
    margin: 0 32px 0 0;
    float: left;
  }
  /****************CHAT**************/
  .footer__chat {
    width: 32%;
    height: 100px;
    float: left;
    margin: 0;
  }
  .footer__chat-img-icon {
    float: left;
    margin: 0 4px 0 0;
  }
  /*************ABOUT *************/
  .footer__about {
    width: 32%;
    height: 100px;
    float: left;
    margin: 0;
  }
  .footer__card {
    width: 32%;
    height: 100px;
    float: left;
    margin: 0;
  }
  /************NEWSLETTER*************/
  #footer-newsletter-social {
    margin: 0 auto;
    text-align: center;
  }

#footer-newsletter {
  width: 300px;
  margin: 0 0 0 10%;
  text-align: center;
  float: left;
  background-color: #fafafa;
  border-radius: 20px;
  border: 25px solid #fafafa;
}
.footer__law{
  padding-top: 5%;
}
  p.footer__deals {
    font-size: 13px;
    font-family: 'Roboto Slab', serif;
    font-weight: 500;
    line-height: 0;
    text-align: center;
  }
  .getemailform {
    width: 60%;
    padding: 16px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 1px #d9d6d6;
    background-color: #f2f2f2;
    border-radius: 4px;
    font-size: 13px;
    font-family: 'Roboto Slab', serif;
    font-weight: 500;
  }
  input[type=text]:focus{
    outline: 5px solid #EBC3C2; 
    border-radius: 10px;   
  }
  

.enteremailbutton{
    background-color: #E0C9C1;
    border: 2px;
    border-radius: 4px;
    color: #fafafa;
    padding: 16px 34px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
    font-size: 13px;
    font-family: 'Roboto Slab', serif;
    font-weight: 900;
  } 
  #footer-social {
    width: fit-content;
    margin: 80px 0 0 0;
    float: right;
    display:flex;
    justify-content: space-evenly;
  }
  /************ COPY******RIGHT *******/
  .footer__border {
    width: 100%;
    height: 2px;
    background: #d8d8d8;
    margin: 250px 0 0 0;
  }
  #footer-copyright {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 32px;
  }
  .footer__copy {
    color: #a7a7a7;
    font-size: 12px;
    font-family: 'Roboto Slab', serif;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    margin-left: 20px;
    display: inline-block;
    overflow: hidden;
  }
  /**************LINK***********/
  a:link {
    color: black;
    text-decoration: none;
    font-family: 'Roboto Slab', serif;
  }
  a:visited {
    color: black;
    text-decoration: none;
    font-family: 'Roboto Slab', serif;
    font-weight: 500;
  }

  a:hover {
    text-decoration: none;
    color: #534f4f;
    font-family: 'Roboto Slab', serif;
    font-weight: 500;
  }

  a:active {
    text-decoration: none;
    font-family: 'Roboto Slab', serif;
    font-weight: 500;
  }
  img.footer__logo{
    margin-top: 20px;
    margin-bottom: 4%;
    width: 20vw;
  }
}

/**********************************************************TABLET***********************************/

@media all and (max-width: 1339px) and (min-width: 600px) {
  .container {
    
    width: 95%;
    max-width: 960px;
    margin: auto;
    font-family: 'Roboto Slab', serif;
    
    }

  #footer {
    width: 100%;
    background-color: #EBC3C2;
    margin: 0 auto;
    border-radius: 20px;
    border: 25px solid #EBC3C2;
  }

  /******** HEADERS *******/

  h3.footer__left {
    color: black;
    font-size: 16px;
    font-family: 'Roboto Slab', serif;
    margin: 0 0 12px 0;
    text-align: left;
    font-weight: bold;
  }

  h3.footer__center {
    color: black;
    font-size: 16px;
    font-family: 'Roboto Slab', serif;
    margin: 0 0 12px 0;
    text-align: center;
    font-weight: bold;
  }

  /********LIST *******/

  .footer__ul {
    margin: 0;
    list-style-type: none;
    padding-inline-start: 0px;
  }

  .footer__li {
    margin: 0;
    color: #565555;
    font-size: 13px;
    font-weight: 324;
    line-height: 22px;
    list-style-type: none;
    text-align: left;
  }

  #footer-utility {
    width: 90%;
    height: 150px;
    margin: 36px auto 0 auto;
    display: flex;
    justify-content: flex-end;
    padding-top: 7%;
  }

  .footer__partition {
    width: 1px;
    height: 100px;
    background: #d8d8d8;
    margin: 0 32px 0 32px;
    float: left;
  }

  .footer__chat {
    width: 25%;
    height: 100px;
    float: left;
    margin: 0;
  }

  .footer__chat-img-icon {
    float: left;
    margin: 0 4px 0 0;
  }

  .footer__about {
    width: 25%;
    height: 100px;
    float: left;
    margin: 0;
  }

  /********CARD*******/

  .footer__card {
    width: 25%;
    height: 100px;
    float: left;
    margin: 0;
  }

  /********NEWSLETTER*******/

  #footer-newsletter {
    width: 300px;
    margin: 0 0 0 10%;
    text-align: center;
    float: left;
    background-color: #fafafa;
    border-radius: 20px;
    border: 25px solid #fafafa;
    
  }
  .footer__law{
    padding-top: 5%;
  }
  p.footer__deals {
    font-size: 13px;
    font-family: 'Roboto Slab', serif;
    font-weight: 500;
    line-height: 0;
    text-align: center;
  }

  .getemailform {
    width: 40%;
    padding: 16px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 2px solid #EBC3C2;
    background-color: #f2f2f2;
    border-radius: 4px;
    font-size: 13px;
    font-family: 'Roboto Slab', serif;
    font-weight: 500;
  }
  input[type=text]:focus{
    border: 5px solid #EBC3C2; 
    border-radius: 10px;   
  }

  .enteremailbutton{
      background-color: #E0C9C1;
      border: 2px;
      border-radius: 4px;
      color: #fafafa;
      padding: 16px 34px;
      text-decoration: none;
      margin: 4px 2px;
      cursor: pointer;
      font-size: 13px;
      font-family: 'Roboto Slab', serif;
      font-weight: 900;
    } 

  /******** SOCIAL MEDIA*******/

  #footer-social {
    width: 50%;
    margin: 80px 0 0 0;
    float: right;
    display: contents;
  }

  /********COPY RIGHT *******/

  .footer-border {
    width: 100%;
    height: 2px;
    background: #d8d8d8;
    margin: 0 0 0 0;
  }

  #footer-copyright {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 160px;
  }

  .footer__copy {
    color: #a7a7a7;
    font-size: 12px;
    font-family: 'Roboto Slab', serif;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    margin-left: 20px;
  }

  /******** Link  *******/

  a:link {
    color: black;
    text-decoration: none;
    font-family: 'Roboto Slab', serif;
    font-weight: 500;
  }

  a:visited {
    color: black;
    text-decoration: none;
    font-family: 'Roboto Slab', serif;
    font-weight: 500;
  }

  a:hover {
    text-decoration: none;
    color: #534f4f;
    font-family: 'Roboto Slab', serif;
    font-weight: 500;
  }

  a:active {
    text-decoration: none;
    color: #a7a7a7;
    font-family: 'Roboto Slab', serif;
    font-weight: 500;
  }
  img.footer__logo{
    margin-top: 20px;
    margin-bottom: 4%;
    width: 25vw;
  }
}

/***********************MOBILE *********************/

@media all and (max-width: 599px) and (min-width: 0px) {
  .container {
    
    width: 100%;
    max-width: 599px;
    margin: none;
    font-family: 'Roboto Slab', serif;
    
    }
  
  #footer {
    width: 100%;
    background-color: #EBC3C2;
    margin: 0 auto;
    border-radius: 20px;
    border: 25px solid #EBC3C2;
  }

  /******** HEADERS********/

  h3.footer__left {
    color: black;
    font-size: 16px;
    font-family: 'Roboto Slab', serif;
    font-weight: bold;
    margin: 0 0 12px 0;
  }

  h3.footer__center {
    color: black;
    font-size: 16px;
    font-family: 'Roboto Slab', serif;
    font-weight: bold;
    margin: 0 0 12px 0;
    text-align: center;
  }


  .footer__ul {
    margin: 0;
    list-style-type: none;
    padding-inline-start: 0px;
  }

  .footer__li {
    margin: 0;
    color: #666666;
    font-size: 13px;
    font-weight: 324;
    line-height: 22px;
    list-style-type: none;
    text-align: center;
  }

  /***************UTILITY**************/

  #footer-utility {
    width: 90%;
    height: 150px;
    margin: 36px auto 0 auto;
    padding-top: 7%;

  }

  /*******CHAT*******/

  .footer__chat {
    width: 100%;
    height: 100px;
    float: left;
    margin: 0;
  }

  /********ICONSs*******/

  .footer__chat-img-icon {
    margin: 0 4px 0 0;
  }

  /********ABOUT*******/

  .footer__about {
    width: 100%;
    height: 100px;
    float: left;
    margin: 48px 0 0 0;
  }

  /********CARD*******/

  .footer__card {
    width: 100%;
    height: 100px;
    float: left;
    margin: 0;
  }

  /******** NEWSLETTER *******/

  #footer-newsletter {
    width: 200px;
    margin: auto;
    text-align: center;
    background-color: #fafafa;
    border-radius: 20px;
    border: 25px solid #fafafa;
  }

  p.footer__deals {
    font-size: 13px;
    font-family: 'Roboto Slab', serif;
    font-weight: 500;
    line-height: 0;
    text-align: center;
  }

  .getemailform {
    width: 90%;
    padding: 16px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 2px solid #EBC3C2;
    border: 1px #d9d6d6;
    background-color: #fafafa;
    border-radius: 4px;
    font-size: 13px;
    font-family: 'Roboto Slab', serif;
    font-weight: 500;
  }
  input[type=text]:focus{
    border: 5px solid #EBC3C2; 
    border-radius: 10px;   
  }


  .enteremailbutton{
      background-color: #E0C9C1;
      border: 2px;
      border-radius: 4px;
      color: #fafafa;
      padding: 16px 34px;
      text-decoration: none;
      margin: 4px 2px;
      cursor: pointer;
      font-size: 13px;
      font-family: 'Roboto Slab', serif;
      font-weight: 900;
    } 

  /********SOCIAL *******/

  #footer-social {
    width: 100%;
    margin: 20px 0 0 0;
  }

  /******** COPYRIGHT *******/

  .footer-border {
    width: 100%;
    height: 2px;
    background: #d8d8d8;
    margin: 32px 0 0 0;
  }

  #footer-copyright {
    width: 100%;
    margin: 0 auto;
    margin-top: 32px;
  }

  .footer__copy {
    color: #7f7d7d;
    font-size: 8px;
    font-family: 'Roboto Slab', serif;
    line-height: 20px;
    text-align: center;
    margin: 0;
    #fafafa-space: nowrap;
    font-weight: 500;
  }

  /******** LINK*******/

  a:link {
    color: black;
    text-decoration: none;
    font-family: 'Roboto Slab', serif;
    font-weight: 500;
  }

  a:visited {
    color: black;
    font-family: 'Roboto Slab', serif;
    font-weight: 500;
    text-decoration: none;
  }

  a:hover {
    text-decoration: none;
    color: #534f4f;
    font-family: 'Roboto Slab', serif;
    font-weight: 500;
  }

  a:active {
    text-decoration: none;
    color: #EBC3C2;
    font-family: 'Roboto Slab', serif;
    font-weight: 500;
  }
  img.footer__logo{
    margin-top: 2%;
    margin-bottom: 4%;
    width: 56vw;
  }
}
.footer__enter{
  justify-content: space-around;
  background-color: #fafafa;
  height: 100px;
}
.footer__imgcontainer{
  display:flex;
  justify-content: center;
  }
  .footer__logo{
  height:auto;
  padding-top: 3%;
  font-size: 16px;
  justify-content: center;
  }


/*=====================================FOOTER END ============================================*/
/* =====================================TYPOGRAPHY=========================== */

* {
color: rgba(0, 0, 0, 0.85);
}

h1, h2, h3, p{
font-weight: 500;
}

h1 {
line-height: 2.38rem;
font-size: 2rem;
}

h1 > a {
text-decoration: none;
}

.menu-footer-links__column a {
text-decoration: none !important;
}

h2 {
line-height: 1.75rem;
font-size: 1.75rem;
}

/*MORE INFO*/
h5 {
font-size: 1rem;
line-height: 1.3rem;
}

.sector-date {
margin: 0 0 5px 0;
font-size: .81rem;
line-height: .9rem;
font-weight: 400;
}

.sector-title {
font-size: 1.75rem;
}

.sector-category {
font-size: .75rem;
}

.sector__top-image img {
width: 100%;
height: auto;
}

.sector-featured {
border-bottom: 5px solid #748194;
}

.sector__text {
text-align: center
}

.excerpt {
font-weight: 400;
font-size: 1rem;
line-height: 1.3rem;
}
/*=====================================END TYPOGRAPHY=======================================*/
/*=====================================STYLES============================================*/
img {
/*-webkit-transform: translateZ(0);
-moz-transform: rotate(0);*/
margin: 10px;
}

img:hover {
opacity: .95;
transition: opacity .6s ease-out;
/*border: 1px solid transparent;*/
}


.featured-column .sector {
margin: 1em;
margin-top: 1.7em;
border-bottom: 5px solid;
}

p.sector-link-more {
margin: 40px 0 50px 0;
text-decoration: none;
}

.sidebar-list {
list-style-type: none;
/*margin: 0px;
padding: 0px;*/
margin-top: 0;
padding: 0 1em 1em;
padding-right: 0;
}

@media (max-width: 461px) {
.sidebar-list {
  padding: 0 0 1em;
}
}

.sidebar-list__item {
border-top: 5px solid black;
}

.sidebar-list__label {
text-decoration: none;
font-weight: 500;
margin: 5px 0 18px 0;
}

.sidebar-list__image {
width: 100%;
height: auto;
margin-bottom: 40px;
}


.home-more-button {
width: 100%;
text-align: center;
padding: 2.1em 0 2.8em;
}


.button-main {
padding: 0.5rem 1rem;
text-transform: uppercase;
font-size: 1rem;
background-color: #f9f9f9;
border: 1px solid #fafafa;
-webkit-transition-duration: 800ms;
transition-duration: 800ms;
}

.button-main:hover {
border-color: #748194;
transition-duration: 400ms;
}

.slider {
margin: 40px 0 50px;
width: 100%;
}

.slider__title {
text-align: center;
}

.slider__button {
border: none;
background: #fafafa;
}

.shop {
display: flex;
width: 100%;
}

.shop-list__item {
padding: .3em;
}

.shop-list__item img {
width: 100%;
height: auto;
}

@media (max-width: 700px) {
.hide-2 {
  display: none;
}
}

@media (max-width: 500px) {
.hide-1 {
  display: none;
}
}


@media (max-width: 550px ) {
.hide-3 {
  display: none;
}
}
@media (min-width: 550px ) {
.hide-4 {
  display: none;
}
}

/*=====================================END STYLES============================================*/
.apptbody{
  padding: 25px;
}
input.username{
  padding-top: 5px;
}
.instagram-embed{
  width: 90%;
  height: auto;
}
.username2{
  font-family: 'Roboto Slab', serif;
  font-weight: bold;
  width: 200px;
  margin: 0 35px 20px ;
  height: 35px;
  padding: 6px 15px;
  border-radius: 5px;
  outline: none;
  border: none;
  background: #F6F7F9;
  color: #748194;
  font-size: 14px;
}
.btn2{
  font-weight: bold;
  width: 230px;
  margin: 20px 35px 20px ;
  height: 45px;
  padding: 6px 15px;
  border-radius: 5px;
  outline: none;
  border: none;
  background: #EBC3C2;
  color: #fafafa;
  font-size: 14px;
}

@media all and (max-width: 590px) and (min-width: 0px) {
  form {
    margin: 1%;
  }
}
  .imgborderround{
    border: 20px solid #fafafa;
    border-radius: 40px;
}
a:link{
  font-weight:bold;
}