/*! Pushy - v1.1.0 - 2017-1-30
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */


/* Menu Appearance */
.pushy {position: fixed; width: 350px; height: 100%; top: 0; z-index: 9999; background: #000; overflow: auto; -webkit-overflow-scrolling: touch; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none;}
.pushy::-webkit-scrollbar {width: 0; height: 0;}

.pushy ul:first-child {margin-top: 10px;}

.pushy.pushy-left {left: 0;}
.pushy.pushy-right {right: 0;}

.pushy-content {visibility: hidden;}

.pushy-left {-webkit-transform: translate3d(-500px, 0, 0); -ms-transform: translate3d(-500px, 0, 0); transform: translate3d(-500px, 0, 0);}
.pushy-open-left #container,
.pushy-open-left .push {-webkit-transform: translate3d(500px, 0, 0); -ms-transform: translate3d(500px, 0, 0); transform: translate3d(500px, 0, 0);}

.pushy-right {-webkit-transform: translate3d(500px, 0, 0); -ms-transform: translate3d(500px, 0, 0); transform: translate3d(500px, 0, 0);}
.pushy-open-right #container,
.pushy-open-right .push {-webkit-transform: translate3d(-500px, 0, 0); -ms-transform: translate3d(-500px, 0, 0); transform: translate3d(-500px, 0, 0);}

.pushy-open-left .pushy,
.pushy-open-right .pushy {-webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.pushy-open-left .pushy-content,
.pushy-open-right .pushy-content {visibility: visible;}

#container, .pushy, .push {transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);}

.pushy-content {transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);}

.site-overlay {display: none;}

.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9998; background-color: rgba(0, 0, 0, 0.8); -webkit-animation: fade 500ms; animation: fade 500ms;}

@keyframes fade { 0% {opacity: 0;} 100% {opacity: 1;} }
@-webkit-keyframes fade { 0% {opacity: 0;} 100% {opacity: 1;} }

.pushy-submenu {}
.pushy-submenu ul {padding-left: 15px; transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out;}
.pushy-submenu ul .pushy-link {transition: opacity 0.2s ease-in-out;}
.pushy-submenu button {width: 100%; color: #b3b3b1; padding: 15px 30px; text-align: left; background: transparent; border: 0;}
.pushy-submenu button:hover {color: #FFF;}
.pushy-submenu > a,
.pushy-submenu > button {position: relative;}
.pushy-submenu > a::after,
.pushy-submenu > button::after {content: ''; display: block; height: 11px; width: 8px; position: absolute; top: 50%; right: 15px; background: url("../img/arrow.svg") no-repeat; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition: transform 0.2s;}

.pushy-submenu-closed ul {max-height: 0; overflow: hidden; visibility: hidden;}
.pushy-submenu-closed .pushy-link {opacity: 0;}

.pushy-submenu-open {}
.pushy-submenu-open ul {max-height: 1000px; visibility: visible;}
.pushy-submenu-open .pushy-link {opacity: 1;}
.pushy-submenu-open a::after,
.pushy-submenu-open button::after {-webkit-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg);}


/* Custom-Theme Appearance */
.pushy-category {font-size: 38px; font-family: 'Montserrat', sans-serif; font-weight: 900; text-transform: normal; color: #FFF; margin: 0px 0 30px 0; line-height: 1.0;;}
.pushy-headline {font-size: 16px; font-family: 'Montserrat', sans-serif; font-weight: 700; color: #FFF; line-height: 1.25; text-decoration: none; margin: 3% 5% 0 5%;}
.pushy-posted {font-size: 8px; font-family: 'Montserrat', sans-serif; font-weight: 700; color: #FFF; line-height: 1.25; text-decoration: none; margin: 3% 5% 0 5%;}
.pushy-text {font-size: 12px; font-family: 'Montserrat', sans-serif; font-weight: 400; color: #FFF; line-height: 1.5; text-decoration: none; margin: 3% 5% 0 5%;}

.pushy-image {height: 0; padding-bottom: 60%; width: 90%; position: relative; clear: both; left: 0; right: 0; margin: auto;}

.pushy-indicator-new {height: 0; padding-bottom: 8%; width: 27%; background: #EE4B3E; position: relative; float: right; margin: 4% 4% 0 0;}
	.pushy-indicator-new-font {font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 80%; height: 33%; margin: auto;}
	
.pushy-button {width: 60px; height: 60px; text-align: center; background: transparent; color: #FFF; border: 3px solid #FFF; position: absolute; left: 0; right: 0; margin: auto; margin-top: 26%; cursor: pointer;}
	.pushy-button:hover {color: #FFDA75; border: 3px solid #FFDA75;}

.pushy-avatar {height: 0; padding-bottom: 50px; width: 50px; float: left; margin: -5px 10px 0 25px; border: 2px solid #303030;}

.pushy-font-info {color: #FFF; float: left; margin: 4.5% 0 0 2%; line-height: 0.95;}
	.pushy-author {font-size: 13px; font-weight: 700;}
	.pushy-date {font-size: 13px; font-weight: 300;}
	
.pushy-font-text {color: #FFF; width: 90%; padding-bottom: 8%; left: 0; right: 0; margin: auto; border-bottom: 1px solid #FFF; clear: both;}
.pushy-font-text-alt {color: #FFF; width: 90%; padding-bottom: 8%; left: 0; right: 0; margin: auto; border-bottom: 0px solid #FFF; clear: both;}