/* outfit-300 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 300;
  src: url('/wp-content/themes/adrienne2025/inc/fonts/outfit-v15-latin-300.woff2') format('woff2'); 
}
/* outfit-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/themes/adrienne2025/inc/fonts/outfit-v15-latin-600.woff2') format('woff2'); 
}

@supports (font-variation-settings: normal) {
    @font-face {
    font-family: 'Outfit';
    src: url('/wp-content/themes/adrienne2025/inc/fonts/outfit-v15-latin-600.woff2') format('woff2-variations');
    font-weight: 300 600;
    font-display: swap;
    font-style: normal;
    }
}

/* nunito-900 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 900;
  src: url('/wp-content/themes/adrienne2025/inc/fonts/nunito-v31-latin-900.woff2') format('woff2'); 
}

/* Colors */
.salmon {color: #DB755D;}
.yellow {color: #F4AE57;}
.teal {color:#00726B;}
.cream {color:#F2E7D6;}
.sand {color:#B59E8B;}
.mint {color:#B9DDC9;}
.deep-teal {color: #022A33;}
.bg-salmon {background-color: #DB755D;}
.bg-yellow {background-color: #F4AE57;}
.bg-teal {background-color:#00726B;}
.bg-cream {background-color:#F2E7D6;}
.bg-sand {background-color:#B59E8B;}
.bg-mint {background-color:#B9DDC9;}
.bg-deep-teal {background-color: #022A33;}

.grecaptcha-badge {visibility: hidden !important;}
div.grecaptcha-badge {height: 0 !important;box-shadow: none;}
.absolute {position: absolute;}
.object-fit-cover {object-fit: cover; width: 100%; height: 100%;}

.visually-hidden {
position: absolute;
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0,0,0,0) !important;
white-space: nowrap !important;
border: 0 !important;
}

body {
font-family: 'Outfit', sans-serif;
color: #022A33;
font-size: 16px;
font-weight: 300;
line-height: 1.4;
}

.wrapper {padding: 0;}
.container {max-width: unset;}

h1, h2 {
font-family: 'Nunito', sans-serif;
font-size: 3rem;
font-weight: 900;
line-height: 1.1;
text-transform: none;
}

h3 {
font-size: 1.6rem;
font-weight: 600;
line-height: 1.25; 
text-transform: uppercase;
}

h4, h5 {
font-size: 2rem;
font-weight: 700;
line-height: 1;
}

h5 {
font-size: 1.8rem;
text-transform: none;
font-weight: 700;
}

a {
  color: #022A33;
  text-decoration: none;
  border-bottom: 2px solid #F4AE57;
}

#colophon a, #colophon a:visited {
color: #F4AE57;
}

#colophon a:hover, #colophon a:active {
text-decoration: none;
border-bottom: 2px solid #F2E7D6;
}

.embed-container { 
position: relative; 
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* 
* .portfolio styles
*/

/* lato-100 - latin */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: url('/wp-content/themes/adrienne2025/inc/fonts/lato-v24-latin-100.woff2') format('woff2'),
      url('/wp-content/themes/adrienne2025/inc/fonts/lato-v24-latin-100.woff') format('woff');
}
/* lato-100italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Lato';
  font-style: italic;
  font-weight: 100;
  src: url('/wp-content/themes/adrienne2025/inc/fonts/lato-v24-latin-100italic.woff2') format('woff2'),
      url('/wp-content/themes/adrienne2025/inc/fonts/lato-v24-latin-100italic.woff') format('woff');  
}
/* lato-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/adrienne2025/inc/fonts/lato-v24-latin-regular.woff2') format('woff2'),
      url('/wp-content/themes/adrienne2025/inc/fonts/lato-v24-latin-regular.woff') format('woff');  
}
/* lato-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/adrienne2025/inc/fonts/lato-v24-latin-700.woff2') format('woff2'),
      url('/wp-content/themes/adrienne2025/inc/fonts/lato-v24-latin-700.woff') format('woff');  
}
.warm-gray {color: #75706f;} 
.light-gray {color: #a79f9e;}
.navy-blue {color: #30354a;}
.vanilla {color: #ffe7cc;}

.bg-warm-gray {background-color: #75706f;} 
.bg-light-gray {background-color: #a79f9e;}
.bg-navy-blue {background-color: #30354a;}
.bg-vanilla {background-color: #ffe7cc;}
.bg-vanilla-tint {background-color: #fceee3;}



body.project-template, body.page-template-page_work {
font-family: 'Lato', sans-serif;
color: #75706f;
font-size: 18px;
font-weight: 400;
line-height: 1.4;
}

.portfolio #featured .row {
    height: 400px;
    overflow: hidden;
    position: relative;
    margin: 0;
}

.portfolio #showcase {
  max-width: 1600px;
  margin:auto;
}

.portfolio .wp-block-embed iframe {
    margin: 0 auto;
    display: block;
}

.portfolio .wp-caption-text {
margin: 5px 0 30px;
color: #75706f;
font-size: 14px;
font-weight: 100;
line-height: 1.4;
}

.portfolio h1,
.portfolio h2,
.portfolio h3,
.portfolio h4,
.portfolio h5 {
	font-family: 'Lato', sans-serif;
	clear: both;
	font-weight:100;
	text-transform:uppercase;
	line-height: 1.1;
	margin:15px 0;
}
 
.portfolio h1 {
font-size: 1.1rem;
font-weight: 700;
letter-spacing: 1px;
margin: 0;
}

.portfolio h2 {
	font-size: 2rem;
	font-weight:100;
  margin: 10px 0;
}

.portfolio h3 {
	font-size: 1.4rem;
	font-weight:100;
	margin: 0 0 10px;
}

.portfolio h4 {
font-size: 1.1rem;
font-weight: 700;
letter-spacing: 1px;
margin-top: 3px;
}

.portfolio h5 {
font-size: .9rem;
font-weight: 700;
letter-spacing: 1px;
}

.portfolio a, .portfolio a:visited {
background-color: #ffe7cc;
padding: 0 3px;
display: inline-block;
color: #75706f;
text-decoration: none;
border: none;
}

.portfolio a:hover, .portfolio a:active {
background-color: transparent;
color: #75706f;
text-decoration: underline;
}

.portfolio #wrapper-navbar, .portfolio #wrapper-navbar h2 {
  font-weight: 100;
  color: #30354a;
}

.portfolio #wrapper-navbar a, .portfolio #wrapper-navbar a:hover {
  background-color: transparent;
  text-decoration: none;
  border-bottom: none;
  color: #30354a;
}

.portfolio #wrapper-navbar a:hover {color: #75706f;}

.portfolio #colophon {
color: #a79f9e;
font-weight: 100;
}

.portfolio #colophon a,
.portfolio #colophon a:visited {
color: #ffe7cc;
text-decoration: underline;
border: none;
background: transparent;
}

.portfolio #colophon a:hover, 
.portfolio #colophon a:active {
text-decoration: none;
border: none;
}

.portfolio #colophon a:hover img {
border-radius: 50%;
box-shadow: 4px 4px 0px 0px rgba(26,29,43,1);
-webkit-box-shadow: 4px 4px 0px 0px rgba(26,29,43,1);
-moz-box-shadow: 4px 4px 0px 0px rgba(26,29,43,1);
} 

ul.post-categories {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.post-categories li {
  margin: 5px 0;
  text-align: right;
}

.post-categories a {
  text-transform: uppercase;
  background-color: #ffe7cc;
  padding: 0 3px;
  display: inline-block;
  color: #75706f;
  border: none;
}

.portfolio #contactForm input, .portfolio #contactForm textarea {
border: none;
border-radius: 0;
color: #a79f9e;
}

.portfolio #contactForm .wpcf7 textarea {
height: 100px;
}

.portfolio #contactForm .wpcf7 input[type=submit] {
text-transform: uppercase;
background: #30354a;
color: #ffe7cc;
width: auto;
margin: auto;
display: block;
}

.portfolio #contactForm .wpcf7 input[type=submit]:hover {
background: #75706f;
}

/* Grid style */
.display-posts-listing.grid a {
    background: transparent;
    border: none;
}

.display-posts-listing.grid a.image:hover {
opacity: .8;
}

.display-posts-listing.grid {
  display: grid;
  grid-gap: 16px;
}

.display-posts-listing.grid .title, .display-posts-listing.grid .category-display {
  display: none;
}

.display-posts-listing.grid img { 
  display: block; 
  max-width: 100%; 
  height: auto; 
}

@media (min-width: 600px) {
  .display-posts-listing.grid {
    grid-template-columns: repeat( 2, 1fr );
  }
}

@media (min-width: 1024px) {
  .display-posts-listing.grid {
    grid-template-columns: repeat( 3, 1fr );
  }
}




/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/

.mobile {display: none;}


@media only screen and (max-width: 1280px) {
  html, body {font-size: 18px;}

}

@media only screen and (max-width: 1024px) {


}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
}

@media only screen and (max-width: 768px) {
  .mobile {display: block;}
  .desktop {display: none;}

  html, body {font-size: 16px;}
  .portfolio h2 {font-size: 1.6rem;}
  .portfolio h3 {font-size: 1.3rem;}
  
  .portfolio #featured .row {height: auto;}
  .portfolio #featured .absolute {position: unset;}

  .post-categories li {text-align: left;}
}

/*--------------------------------------------------------------
## Mobile
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {


}