/* badtidude.ws - additions to the original Contao-generated stylesheets
   (layout.css, responsive.css, badtidude_ws_style.css, gallery_creator_fe.css are unmodified) */

/* Roboto, self-hosted (the original loaded it from Google Fonts) */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
       url('../fonts/Roboto-Regular-webfont.ttf') format('truetype');
}

/* page layout settings of the original layout "badtidude_def_layout": 3 rows, header 60px, centered */
#wrapper { margin: 0 auto; }
#header  { height: 60px; }

/* cookie banner overrides of the original layout */
.cc_banner-wrapper { margin-bottom: 18px; }
.cc_btn { border-style: solid; border-width: 3px; border-color: #dddddd; }
.cc_btn_accept_all { border-style: solid; border-width: 3px; border-color: #999999; }

/* shown while a data directory is being read / when it has no content */
.data-status { text-align: center; padding: 20px; }

/* social icons on the home page: all in one row, shrinking on narrow screens instead of wrapping */
#sm_icon_gallery ul.album_preview { display: flex; flex-wrap: nowrap; justify-content: center; margin: 0; padding: 0; }
#sm_icon_gallery ul.album_preview li { float: none; clear: none; flex: 0 1 auto; min-width: 0; }
#sm_icon_gallery figure.image_container { margin-left: 2vw !important; margin-right: 2vw !important; }
#sm_icon_gallery figure.image_container img,
#sm_icon_gallery figure.image_container picture { max-width: 100%; height: auto; }