/*
Theme Name: Memory Helps
*/



.main-container {
    background-color: #fff;
    position: relative;
}

.container, .container-fluid {
    /* background-color: #fff; */
}

.column-padding {
    padding-right: 15px;
    padding-left: 15px;
}

.breakout {
  margin-bottom: 80px;
}


/**
    KITCHEN SINK
**/

.divider {
    height: 65px;
    color: #e9e9e9;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 25px;
    margin-top: 70px;
    margin-bottom: 40px;
    background-color: #03659e;
    /* blue color */
}


@font-face {
  font-family: 'Proxima-Nova-Bold';
  src: url('http://www.memoryhelps.com/fonts/proxima-nova/ProximaNova-Bold.otf');
}

@font-face {
  font-family: 'Proxima-Nova-Regular';
  src: url('http://www.memoryhelps.com/fonts/proxima-nova/ProximaNova-Regular.otf');
}

@font-face {
  font-family: 'Proxima-Nova';
  font-weight: bold;
  src: url('http://www.memoryhelps.com/fonts/proxima-nova/ProximaNova-Bold.otf');
}

@font-face {
  font-family: 'Proxima-Nova';
  font-weight: normal;
  src: url('http://www.memoryhelps.com/fonts/proxima-nova/ProximaNova-Regular.otf');
}

@font-face {
  font-family: 'PTSerif-Italics';
  src: url('fonts/PTF56F.ttf');
}

@font-face {
  font-family: 'PTSerif-Regular';
  src: url('fonts/PTZ55F.ttf');
}


@font-face {
  font-family: 'PTSerif';
  font-style: italic;
  src: url('fonts/PTF56F.ttf');
}

@font-face {
  font-family: 'PTSerif';
  src: url('fonts/PTZ55F.ttf');
}


body {
    font-family: "PTSerif" !important;
    font-weight: normal;
    font-size: 24px;
    line-height: normal;
    color: #444444;
    /* overflow-x: hidden; */
}

p {
    padding-top: 8px;
}
p.lead {
    font-family: "PTSerif";
    font-style: italic;
    color: #02628C;
    font-size: 32px;
    line-height: 34px;
}
p.invert {
    color: #FFFFFF;
}

h1, h2, h3, h4, h5 {
    font-family: "Proxima-Nova";
    font-weight: bold;
    color: #015781;
    margin-top: 0px;
    line-height: Normal;
}
h1 {
    font-size: 40px;
}
/** use invert class on H tags used on dark backgrounds **/
h1.invert, h2.invert, h3.invert, h4.invert, h5.invert {
    color: #FFFFFF;
}
h2 {
    font-size: 36px;
}
h3 {
    font-size: 28px;
}
h4 {
    font-size: 22px;
}

.quote {
    font-style: italic;
}

.quote p {
    font-size: 36px;
    text-transform: uppercase;
    line-height: 1.5em;
    margin-bottom: 20px;
    color: #025684;
}

.quote .quote-divider {
    height: 4px;
    background-color: #4CA4E8;
}

.quote .source {
    font-size: 24px;
    padding-top: 30px;
    color: #025684;
}

.col-sm-6.text-center {
    text-decoration: none;
    font-family: "Proxima-Nova";
}

a[name] {
    cursor: default;
}

.no-wrap {
    white-space: nowrap
}

.locations-screen, .search-screen, .videoplayer-screen {
    display: none;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: auto;
    background-color: rgba(16, 164, 228, 0.97);
    z-index: 14;
}


.locations-screen.show, .search-screen.show, .videoplayer-screen.show {
    display: block;
    opacity: 1;
}

.locations-screen .locations-panel {
    padding-top: 80px;
}

.search-screen .search-panel {
    padding-top: 160px;
}

.videoplayer-screen .videoplayer-panel {
    padding-top: 100px;
}

.locations-screen .close-button, .search-screen .close-button, .search-screen .clear-button, .videoplayer-screen .clear-button, .videoplayer-screen .close-button {
    display: block;
    text-align: right;
    position: absolute;
    top: 30px;
    right: 30px;
}

.search-screen .close-button svg {
    width: 20px;
    height: 20px;
}

.search-screen .clear-button {
    right: 40px;
    top: 21px;
}

.locations-screen .location-link {
    text-align: center;
    display: block;
    color: #fff;
    height: 80px;
    line-height: 80px;
    font-family: "PTSerif";
    font-size: 32px;
}

.locations-screen .location-link:hover,
.locations-screen .location-link:active,
.locations-screen .location-link:focus {
    background-color: #fff;
    color: #10A4E4;
    text-decoration: none;
}