
export default {
	body: {
      fontFamily: "'Open Sans', sans-serif",
      backgroundColor: '#f7f7f7',
      margin: 0,
      padding: 0,
      minHeight: '100%',
    },

    backgroundLargeHeader: {
      width: '100%',
      minHeight: '400px',
      backgroundColor: '#011c23',
      zIndex: 1,
      marginBottom: '-100px'
    },

  backgroundSmallHeader: {
      width: '100%',
      minHeight: '300px',
      backgroundColor: '#011c23',
      zIndex: 1,
      marginBottom: '-100px'
    },

    requestWrapper: {
      width: '90%',
      maxWidth: '1200px',
      margin: 'auto',
      // paddingTop: '20px',
      backgroundColor: 'white',
      position: 'relative',
      zIndex: '10',
      boxShadow: '0 2px 10px grey'
    },

    pageTitle: {
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'center',
      textAlign: 'center'
    },

    pageTitleLargeSpan: {
      color: 'white',
      fontSize: '3em',
      marginTop: '4vh',
      marginBottom: '6vh'
    },

    pageTitleSmallSpan: {
      color: 'white',
      fontSize: '2em',
      marginTop: '3vh',
      marginBottom: '3vh'
    },    

    box: {
      height: '50px',
    },

    searchLargeContainer: {
      margin: '0 25%',
    },

    searchSmallContainer: {
      margin: '0 10%',
    },

    searchIcon: {
      position: 'absolute',
      fontSize: '1.2em',
      marginTop: '12px',
      marginLeft: '-13px',
      color: '#4f5b66'
    },

    searchLargeBar: {
      width: '100%',
      height: '50px',
      background: '#ffffff',
      border: 'none',
      fontSize: '10pt',
      float: 'left',
      color: '#63717f',
      paddingLeft: '45px',
      marginLeft: '-25px',
      borderRadius: '5px',
    },

    searchSmallBar: {
      width: '100%',
      height: '50px',
      background: '#ffffff',
      border: 'none',
      fontSize: '13pt',
      float: 'left',
      color: '#63717f',
      paddingLeft: '45px',
      marginLeft: '-25px',
      borderRadius: '5px',
    },

    searchFilterActive: {
      color: '#00d17c',
      fontSize: '1em',
      marginLeft: '10px',
      cursor: 'pointer'
    },

    searchFilterNotActive: {
      color: 'white',
      fontSize: '1em',
      marginLeft: '10px',
      cursor: 'pointer'
    },


    filter: {
      color: 'white',
      paddingLeft: '40px',
      width: '60%',
    },

    resultLargeHeader: {
      paddingLeft: '30px',
      color: 'black',
      fontSize: '2em',
    },

    resultSmallHeader: {
      paddingLeft: '30px',
      color: 'black',
      fontSize: '1.7em',
    },

    row: {
      width: '100%'
    },

    itemDivider: {
      width: '90%',
      borderBottom: '1px solid grey',
      margin: '1rem auto'
    },


    pageNavigationBar: {
      width: '100%',
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'center'
    },

    pageNavigationButton: {
      margin: '0 auto',
    },

    hvrUnderlineFromCenter: {
      color: 'white',
      fontSize: '1em',
      paddingTop: '12px',
      marginBottom: '12px',
      marginLeft: '10px',
      cursor: 'pointer',
      display: 'inline-block',
      verticalAlign: 'middle',
      WebkitTransform: 'perspective(1px) translateZ(0)',
      transform: 'perspective(1px) translateZ(0)',
      boxShadow: '0 0 1px transparent',
      position: 'relative',
      overflow: 'hidden',
      ':before': {
          content: "",
          position: 'absolute',
          zIndex: '-1',
          left: '50%',
          right: '50%',
          bottom: '0',
          background: '#00d17c',
          height: '2px',
          WebkitTransitionProperty: 'left, right',
          transitionProperty: 'left, right',
          WebkitTransitionDuration: '0.3s',
          transitionDuration: '0.3s',
          WebkitTransitionTimingFunction: 'ease-out',
          transitionTimingFunction: 'ease-out'
      },
      ':hover:before': {
        left: 0,
        right: 0
      },
      'focus:before': {
        left: 0,
        right: 0
      },
      'active:before': {
        left: 0,
        right: 0
      }
    }
}