.flex-container {
  display: flex;
}

.flex-column {
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
}
.grow-0 {
  flex-grow: 0;
}
.grow-1 {
  flex-grow: 1;
}

.site-header {
  background-color: #000;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 999;
  /* display: flex; */
}

#dd-logo {
  background-image:url(/bitnami/wordpress/wp-content/themes/altitude-pro/images/doctor-doug-logo.svg);
  background-repeat:no-repeat;
  background-size:auto;
  display:block;
  height:35px;
  left:0;
  margin-top:7px;
  text-align:center;
  top:0;
}

html:not([data-scroll="0"]) #dd-logo {
background-image:url(/bitnami/wordpress/wp-content/themes/altitude-pro/images/doctor-doug-logo-rev.svg);

}
h1, h2, h3, h4, h5, h6 {
color: #21336aff !important;
}

h1.wp-block-post-title,
h1.hp-scroll-title {
  color: #fff !important;
  text-shadow: 3px 3px 5100px rgba(0, 0, 0, 0.5);
}
.nav-primary .genesis-nav-menu {
    float: unset;
}

.widget-area.header-widget-area {
  display: flex;
  justify-content: center;
  padding: 25px 0;
}

#head-center {
    clear: none!important;
    overflow: visible;
    /* width: 308px; */
    width: 100%;
}

.dd-page-head-banner {
  /* padding-top: 8em; */
  padding-top: 5em;
  padding-bottom: 2em;
  /* max-height: 360px; */
  max-height: 260px;
  /* object-fit:scale-down; */
  & h1 {
    font-size: 5em;
    text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.65);
  }
} 

#head-center > ul > li.address-left {
  clear:none!important;
  
  float:left;
  font-size:.7em;
  font-weight:700;
  margin:0;
  padding:3px 0;
  text-align:right;
  width:44%;
  color:#000;
}
html:not([data-scroll="0"]) #head-center > ul > li.address-left  {
  color: #fff;
}

#head-center > ul > li.address-right {
  clear:none!important;
  float:right;
  font-size:.7em;
  font-weight:700;
  margin:0;
  padding:3px 0;
  text-align:left;
  width:44%;
  color:#000;

}
html:not([data-scroll="0"]) #head-center > ul > li.address-right  {
  color: #fff;
}
#head-center > ul > li.center-map-marker {
  color:#be1e2d;
  display:inline-block;
  margin:0;
  padding:3px 0;
  width:12%;
  text-align: center;
}

#head-center > ul > li.center-map-marker > a > i {
  color:#be1e2d;
}

#head-center > ul span {
  color:#be1e2d;
}

#head-center > ul span > a {
  color:#be1e2d;
}

#head-center > ul span > a:hover {
  text-decoration:underline;
}

#head-center li {
  clear:none!important;
  display:inline;
  float:none;
  line-height:1.4em;
  padding:20px;
}

#head-center ul {
  height:auto;
  margin:0;
  /* max-width:375px; */
  max-width: 500px;
  padding:0;
  /* for unscrolled only */
  padding: 4px;
  /* background: #ffffffad; */
  height: 90px;
  border-radius: 2px;
}

html:not([data-scroll="0"]) #head-center ul {
  background: unset ;
  border-radius: unset ;
}

.nav-primary .genesis-nav-menu a{
  color:#fff;
  color:#000;
  font-weight: bold;
 /* text-shadow: 1px 1px 2px rgba(0,0,0,0.75); */
}
html:not([data-scroll="0"]) .nav-primary .genesis-nav-menu a  {
  color: #fff;
  text-shadow: unset;
}
.site-header,
.featured-section .site-header
 {
  background-color: #ffffffad;
  border-bottom: 2px solid #fcb900;
} {
  background-color: #ffffffad;
  border-bottom: 2px solid #fcb900;
}

html:not([data-scroll="0"]) .site-header {
    background-color: #000000d1;
}
 .genesis-nav-menu .sub-menu a {
  background-color: #ffffffad;
}
 .genesis-nav-menu .sub-menu a:hover {
  background-color: #aeaeaead;
}
 .genesis-nav-menu .sub-menu a {
  background-color: #ffffffad;
}

html:not([data-scroll="0"]) .genesis-nav-menu .sub-menu a {
  background-color: #000000d1;
}

.genesis-nav-menu .sub-menu a:focus, .genesis-nav-menu .sub-menu a:hover, .genesis-nav-menu .sub-menu li.current-menu-item > a
{
  background-color: #2fb3ead9;
}

.featured-section .site-header > .wrap {
  border-bottom: 2px solid #fcb900;
}
.front-page .genesis-nav-menu li.current-menu-item > a:focus, .front-page .genesis-nav-menu li.current-menu-item > a:hover, .genesis-nav-menu li.current-menu-item > a, .genesis-nav-menu > li > a:focus, .genesis-nav-menu > li > a:hover {
  border-color: #fcb900;
}
/* MODBYCH 08-17-24 */
.entry-header::after {
  /* border-bottom: 1px solid #000;
  content: "";
  display: block; */
  /* margin: 0 auto 60px; */
  margin: 0 auto;
  /* padding-bottom: 30px;
  width: 25%; */
}
.entry-title {
  margin-top: 85px;
  margin-bottom: 0px;
}
/* MODBYCH GO LIVE HACK - REMOVE IF Possible */
.entry-title {
  margin-top: 120px;
}
.entry-content {
/* top: 50px; */
top: 108px;
position: relative;
}
.page .site-inner{
  background-color: #fff0;
  box-shadow: unset;
}
.page .site-inner::before{
	background-color: #fff0;
}
.vidbg-container  video {
  max-width: none !important;
}
.front-page-1 {
  max-height: 83vh;
}

.image-section {
  background: unset;
  filter: unset;
  display: table;
  overflow: hidden;
  table-layout: fixed;
  width: 100%;
  height: 100vh;
}
/* MODBYCH 08-17-24  set below in front page section*/

/* .flexible-widgets {
  padding-bottom: 60px;
  padding-top: 10px;
} */
h1.hero-text {
  color: #fffefe;
  font-size: 3.75em !important;
  line-height: 0.5em;
  font-weight: 400;
  text-shadow: 2px 2px 2px rgba(0,0,0,0.39);
}
h2.hero-text {
  color: #21336aff;
  font-size: 2.75em !important;
  line-height: 0.5em;
  font-weight: 400;
  text-shadow: 2px 2px 2px rgba(0,0,0,0.39);
}
h4.hero-text {
  color: #fffefe;
  font-size: 1.75em !important;
  line-height: 0.5em;
  text-shadow: 2px 2px 2px rgba(0,0,0,0.39);
}

.hero-text{
  color: #fffefe !important;
}
/* .image-section, .image-section a
{
  color: #0680a2;
} */
.filler {
  height: 100vh;
}
/* testing homepage buttons */
.lakin-image-buttons img {
  width: 100%;
  /* background: red; */
}
/* HOMEPAGE BUTTONS */
a .button-overlay {
  background: #090909c2;
  background:#21346abd;
  background: #0680a2;
  height: 50px;
  align-content: center;
  position: relative;
  display: ;
  top: -80px;
  font-weight: regular;
  font-size: 1.25em;
  color: #21336a;
  color: #FFF;
  padding-top: 8px;
  transition: all 0.5s ease;
}

a:hover .button-overlay {
  background: #2fb3ead9;
  
  color: #21336aff;
  padding-top: 8px;
  transition: all 0.5s ease;
}

/* card hovers */
.hover-card {
  display: block;
  top: 0px;
  position: relative;
  /* max-width: 262px; */
  /* background-color: #f2f8f9; */
  background-color: #fff;
  border-radius: 4px;
  padding: 12px;
  margin: 12px;
  text-decoration: none;
  z-index: 0;
  overflow: hidden;
  border: 1px solid #ccc;
  transition: all 0.15s ease-out;


  &:hover {
    transition: all 0.15s ease-in;
    box-shadow: 0px 4px 8px #26262633;
    top: -4px;
    border: 1px solid #ccc;
    background-color: #fff;
  }

  /* &:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -16px;
    right: -16px;
    background: #00838d;
    height: 32px;
    width: 32px;
    border-radius: 32px;
    transform: scale(2);
    transform-origin: 50% 50%;
    transition: transform 0.15s ease-out;
  } */

  &:hover:before {
    transform: scale(2.15);
  }
}

/* FRONT PAGE WIDGET RESET */
/* MODBYCH 08-17-24 */
.flexible-widgets {
  /* padding-bottom: 60px; */
  padding-top: 0px;
}

  #front-page-1,
  #front-page-2,
  #front-page-3,
  #front-page-4,
  #front-page-5,
  #front-page-6, 
  #front-page-7  {
    background-color: #FFF;
    min-height:  calc(100vh - 202px);
    
    border-top: unset;
    margin-top: unset;
    /* span.im <<< SETS DEFAULT COLOR FOR TEXT IN TEXT WIDGETS FOR FRONT PAGE ONLY */
    & .im{
      color: #333;
    }
    & .entry-content {
    top: 0px;
    position: relative;
    }
  } 
  .im{
    color: #333;
  }

  #front-page-3,
  #front-page-4,
  #front-page-5,
  #front-page-6, 
  #front-page-7  {
    /* max-height: 100vh; */
    .image-section .widget-area {
      vertical-align: top;
    }
    & p {
      margin: 0 0;
      padding: 0;
      color: #000;
    }
  } 
  
   /* WELCOME & VIDEO */
  #front-page-1  {
    
  } 
  /* BUTTONS & SLIDER */
  #front-page-2  {
    background-color: #F3f3f3 ;
    /* background-color: red ; */
   & .flexible-widgets {
       padding-bottom: 0px; 
       padding-top: 0px;
   }
  } 
  /* ABOUT US */
  #front-page-3  {
    background-color: #F3f3f3 ;
    /* background-color: red ; */
    
  } 
  /* ABOUT OFFICE */
  #front-page-4 {
    /* background-color: #F3f3f3 ; */
    & .solid-section {
      background-color: unset;
    }
  } 
  /* PATIENT INFO */
  #front-page-5  {
    background-color: #F3f3f3 ;
    /* background-color: red ; */
  } 
  /* PATIENT RESOURCES */
  #front-page-6  {
    /* background-color: #F3f3f3 ; */
    
  } 
  /* CURRENTLY BLANK */
  #front-page-7  {
    background-color: #F3f3f3 ;
   
  } 

}
/* NEEDED TO SET DISPLAY AS BLOCK TO OVERRIDE THE ::before Element in the provided Newsletter feed */

#archiveList ul{
 list-style:none;
 }
  
#archiveList ul li {

list-style-type: none;
font-weight: 600;
font-size: 0.85em;

margin-bottom: 1em;
}

#archiveList ul li a {
display: block;
padding: 1em 1.25em;
border: 1px solid #21336a;
list-style: none;
color: #21336a;
border-radius: 0px 
transition: all 0.35s ease-in-out;
}

#archiveList ul li a:hover {
list-style: none;
background: #21336a;
color: #fff;
border-radius: 13px !important;
transition: all 0.35s ease-in-out;
}


.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link {
  width: 100%;

}

/* .wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link .homepage-button a { */
  .wp-block-buttons > .wp-block-button.has-custom-width.wp-block-button__width-100.homepage-button a,
  .wp-block-button >  a,
   {
  /* background-color: #1e376c; */
  background-color: #42b4e4;
  color: #FFF;
  transition: all 0.75s ease-out;
} 
.wp-block-buttons > .wp-block-button.has-custom-width.wp-block-button__width-100.homepage-button a:hover,
.wp-block-button >  a:hover {
  background-color: #42b4e4;
  color: #1e376c;
  border-radius: 13px;
  transition: all 0.35s ease-out;
}

.wp-block-buttons > .wp-block-button.has-custom-width.newsletter-button.homepage-button a {
  background-color: #1e376c;
  color: #FFF;
  transition: all 0.75s ease-out;
}
 .wp-block-buttons > .wp-block-button.has-custom-width.newsletter-button.homepage-button a:hover {
  background-color: #42b4e4;
  color: #1e376c;
  border-radius: 13px;
  transition: all 0.35s ease-in-out;
}

/* All Buttons */
.wp-block-button__link > a,
.wp-block-button__link.has-theme-primary-background-color.has-text-color.has-background.wp-element-button,
.wp-block-button__link.has-text-color.has-background.wp-element-button
 {
  border-radius: 0px !important;
  transition: all 0.35s ease-in-out;

  &:hover {
  border-radius: 13px !important;
  transition: all 0.35s ease-in-out;
  }

} 
/* All Linked Images */
.wp-block-image a img {
    -moz-border-radius:  0em !important;
    -webkit-border-radius:  0em !important;
    border-radius: 0em !important;
  /* border: 1px solid #fff; */
    transition: all 0.35s ease-in-out;
  
    &:hover {
    -moz-border-radius:  1.25em !important;
    -webkit-border-radius:  1.25em !important;
    border-radius: 1.25em !important;
    /* border: 1px solid #1e376c; */
    transition: all 0.35s ease-in-out;
    }
  
  } 


/* MEDICAL LIBRARY ITEMS */
.library-title {
  color: #1e376c;
}
.library-content strong
{
  color: #1e376c;
}

/* Anchor header offset */

#office-hours, #contact-information, #billing, #hippa #gift-shop, #open-door, #hospitalists, #emergency, #forms{
  scroll-margin-top: 220px;
}
/* DD PAGE HEADER IMAGE offset:  */
.wp-block-genesis-blocks-gb-columns.dd-page-head-hero-image.gpb-slate-section-hero-title.gb-layout-columns-1.one-column.gb-background-cover.gb-background-no-repeat.gb-has-custom-background-color.gb-has-custom-text-color.gb-columns-center.alignfull {
  margin-top: 48px;
}

/* Connections Search fields MOD */


#cn-search-input {
    background: #FFF;
    border: 1px solid #21346a;
    border-right-width: 0;
    -webkit-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #888;
    display: inline-block;
    font-family: Arial, sans-serif; 
  font-size: 13px; 
    float: none;
    height: 38px;
    line-height: 20px;
    margin: 1px 0 1px 1px!important;
/*     padding: 18px 6px; */
  padding: 8px 6px;
    text-align: left;
    vertical-align: bottom;
    width: 160px;
    
    transition-duration: 400ms;
  transition-property: width, background;
  transition-timing-function: ease; 
 
  /* Safari and Chrome */
  -webkit-transition-duration: 400ms;
  -webkit-transition-property: width, background;
  -webkit-transition-timing-function: ease; 
   
  /* Opera */
  -o-transition-duration:400ms;
  -o-transition-property: width, background;
  -o-transition-timing-function: ease; 
}

#cn-search-input:focus { width: 300px; } 

input#cn-search-submit {
    background: url(images/search.png)8px center no-repeat #FFF;
    border: 1px solid #21346a;
    border-left-width: 0;
    -webkit-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    cursor: pointer;
    font-size: 12px;
    float: none;
    height: 28px;
    line-height: 20px;
    margin: 1px 15px 1px 0!important;
    padding: 18px;
    text-align: left;
    vertical-align: bottom;
    width: 30px!important;
}

.chosen-container-single .chosen-single {
    position: relative;
    margin: 0px 15px;
    display: block;
    overflow: hidden;
    padding: 7px 0 0 15px;
    height: 37px;
    border: 1px solid #21346a;
    border-radius: 2px;
    background-color: #fff;
    background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));
    background: -webkit-linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    background: -moz-linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    background: -o-linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    background: linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    background-clip: padding-box;
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0,0,0,.1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px;
}



.chosen-container.chosen-container-single {
    /* width: 50% !important; */
    /* float: right; */
    margin: 15px auto;
    display: block;
}

#cn-list .chosen-container-single .chosen-single {
  line-height: 38px !important;
  background: #1e376c;
  color: white;
  font-weight: 600;
  text-align: center;
  border: solid #fff 1px;
  min-height: 40px;
  font-size: 1.25em;
}
/* Image thats messing up the cleanliness of the Recommmended providers page. */
.deco-img {
    margin: 30px auto -30px auto;
}

/* WORKS IN CONJUNCTION WITH SHOW-HIDE.JS TO HIDE INITIAL PROVIDER LIST DISPLAY */
.hide-me{
  display:none;
  position: absolute;
  left: 99999px;
}

#cn-cmap {
margin: auto 15%;
}	
.cn-right{
  text-align: left !important;
}

FONT RESIZER
p.zeno_font_resizer > a {
    color: #1e376c;
}
.zeno_font_resizer_container {
  display: block;
  position: absolute;
  float: right;
  right: 35px;
  top: 30px;
}

/* Modula Gallery Modifications */

html body .modula .modula-items .modula-item .modula-item-content > a:focus, 
html body .modula .modula-items .modula-item .modula-item-content > a:hover { 
  border: solid 1px #1e376c;
  border-radius: 2px;
} 
.modula-item .modula-item-content {
   font-weight: 700; 
  
 }
 .modula-items .figc p.description {
   top: -12px;
 }
html body .modula.modula-gallery-initialized .modula-item:hover img, 
html body .modula.modula-gallery-initialized .modula-items .modula-item.tg-loaded:hover img.pic {
   opacity: .20 !important;
 }

@media only screen and (max-width: 1023px) {
  .no-small-screen{
    display:none;
  }
  .zeno_font_resizer_container{
    display:none;
  }  
  :where(.wp-block-columns.is-layout-flex) {
    /* gap:2em; */
    gap: unset;
  }
  :where(.wp-block-columns) {
    margin-bottom: 0;
  }
  .margin-10-top {
     /* margin-top: 10vh; */
     /* margin-top: 5vh; */
     margin-top:unset;
   }
   .newsletter-button{
     margin: 10px auto 15px auto !important;
   }
  .site-container .wp-block-columns.alignfull {
    /* padding: 0 30px; */
    padding: 0 10px;
  }
  .site-container .wp-block-columns {
    /* margin-bottom: 30px; */
    margin-bottom: 5px;
  }
  p.has-text-align-center,
  p.im {
    /* text-align: center; */
    /* text-align: left !important;
    padding: 1em!important; */
  }
#menu-footer-menu{
  display: none;
}
  #head-center > ul > li.address-left,
  #head-center > ul > li.address-right {
    font-size: .6em;
  }
  .site-header .title-area {
    padding: 0px 16%;
  }
  .site-header .title-area, html:not([data-scroll="0"]) .site-header .title-area {
      padding: 0px 16%;
  }
  
  .widget-area.header-widget-area {
    display: flex;
    padding: 10px 0;
    height: unset;
   
  }
  html:not([data-scroll="0"]) .widget-area.header-widget-area {
      display: none;

  }
  #head-center {
    clear: none !important;
    overflow: visible;
    width: 308px;
    width: 100%;

  }
  
  html:not([data-scroll="0"]) #head-center {
      display: none;

  }
 
 h1.hero-text {

   font-size: 2.75em !important;
   line-height: 1.0em;

 }
 
 
 .dd-page-head-banner {
     padding-top: 4em;
     padding-bottom: 0.5em;
     max-height: 20vh;
     /* max-height: 163px; */
     overflow: hidden !important;
     & h1 {
         font-size: 5em;
         line-height: 1em;
         font-size: 3rem !important;
         text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.65);
     }
 }
.site-container .wp-block-button__link {
     font-size: 12px;
     font-weight: 700;
     letter-spacing: 0px;
     padding: 15px 15px !important;
 }
}
/* Modifications to the PDF embed on library items to relocate the download button to the top of the embedded PDF. */
.wp-block-file * + .wp-block-file__button {
  margin-left: .75em;
  position: absolute;
  top: 0px;
  display: block;
  right: 4em;
  background: #2fb6ea;
  color: #333;
  font-weight: 600;
  border-radius: 5px;

}

/* Remove little black line in header from all pages */
.entry-header::after {
  /* border-bottom: 1px solid #000; */
  border-bottom: unset;
  /* padding-bottom: 30px; */
  padding-bottom: unset;

}

/* MEDICAL LIBRARY LIST DISPLAY  */
ul.lcp_catlist {
  padding-left: unset;
}

ul.lcp_catlist li {
  list-style: none;
}
ul.lcp_catlist li a {
  color: #1e376c;
  background-color: #FFF; 
  padding: 0 0.5em 0 0.5em;
  border-radius: 5px;
  line-height: 1.9em;
  /* font-weight: 400; */
  transition: all 0.35s ease-in-out;
}
ul.lcp_catlist li a:hover,
ul.lcp_catlist li a:focus {
  color: #FFF;
  background-color: #1e376c;
  transition: all 0.35s ease-in-out;
  /* font-weight: 600; */
  transition: all 0.35s ease-in-out;
}

/* Search box styling */
.search-form-submit {
  background-color: #1e376c !important;
  color: #fff !important;
}
/* Main Nav Search Field */
.icon::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

/* Step 2: Reference Individual Icons */
#menu-item-8935 a::before {
  /* margin-left: 4em; */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f002";
  font-size: 1.25em;
  color: #be1e2d;
}
html:not([data-scroll="0"]) #menu-item-8935 a::before {
color: #42b4e4;

}
#menu-item-8935 a {
  /* color: #fff; */
  
}

/* This class is added to the container for the doctor doug library items column, to aid in printing. Allowing the width of the paragraphs to be wider for print purposes .drdoug-library-container */

@media print
{    
    header,
    .site-header, .site-header *,
    .site-footer, .site-footer *,
    .no-print
    {
        display: none !important;
    }
    .drdoug-library-container,
    .drdoug-library-container.gb-block-layout-column-inner
   {
      margin: unset;
      margin-left: -200px;
      padding: unset;
    }
    
   .drdoug-library-container p {
      min-width: 90vw!important;
      margin: 0 auto;
    }
}