@tailwind base;
@tailwind components;
@tailwind utilities;

body {
  @apply bg-white;
  @apply text-gray-600;
  @apply font-light;
}

a {
  @apply text-gray-600;
}

a:hover {
  @apply text-blue-900;
  @apply underline;
  @apply underline-offset-2;
}

.ti, .icon-tabler {
  stroke-width: 1px;
  fill: none;
  @apply text-gray-500;
  @apply stroke-gray-500;
}

a:hover .ti, a:hover .icon-tabler {
  @apply stroke-blue-900;
}

ul {
  @apply !list-inside;
}
input[type="radio"],input[type="checkbox"] {
  @apply focus:ring-transparent;
}

.article{
  width:100%;
  
}
.image{
  &.right{
    float:right;
    margin-left:30px;
  }
  &.left{
    float:left;
    margin-right:30px;
  }
}
.content{
  color:#444;
  .headline{
  }
}
.group{
  &:before,
  &:after {
    content: "";
    display: table;
  } 
  &:after {
    clear: both;
  }
}

@media (max-width: 1024px) {
  .hide-on-small {
    display: none;
  }
}

@media (max-width: 480px) {
  .xxs {
    font-size: xx-small;
  }
}

.jquery-modal.blocker {
  z-index: 10 !important;
}

#shirtImage:hover {
  content: url('https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/homepage/shirt_hover_img.png');
}

#suitImage:hover{
   content: url('https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/homepage/suit_hover_img.png');
}

#sportsjacketImage:hover{
  content:url('https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/homepage/sports_jacket_hover_img.png');
}

#tuxImage:hover{
  content:url('https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/homepage/tux_hover_img.png')
}