Home
/*===== general options =========*/
a {
box-shadow: none !important;
}
.view *:not(i), .album_categories *, .album_back_button *, #album_disabled_layer {
font-family: sans-serif, Arial, Verdana, Sylfaen !important;
}
#album_disabled_layer {
display: none;
position: absolute;
width: 100%;
height: 100%;
text-align: center;
background-color: transparent;
z-index: 10;
padding-top: 20px;
color: #fff;
}
#album_list_container {
position: relative;
}
/* ====================== album onhover styles ==========================*/
#album_list .view {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
display: none;
}
.view .mask,
.view .content {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.view h2 {
text-transform: uppercase;
color: #fff;
text-align: center;
position: relative;
font-size: 17px;
font-family: Raleway, serif;
padding: 10px;
/*background: rgba(0, 0, 0, 0.8);*/
margin: 20px 0 0 0;
}
.album_back_button a, .view a {
text-decoration: none !important;
}
.view p {
font-family: Merriweather, serif;
font-style: italic;
font-size: 14px;
position: relative;
color: #fff;
padding: 0px 20px 0px;
text-align: center;
}
.view a.info {
display: inline-block;
text-decoration: none;
font-size: 13px;
padding: 2px 14px;
margin-bottom: 3px;
background: #000;
color: #fff;
font-family: Raleway, serif;
text-transform: uppercase;
box-shadow: 0 0 1px #000
}
.mask-text h2 {
font-size: 20px !important;
}
.view a.info:hover {
box-shadow: 0 0 5px #000
}
.view .mask-bg {
height: 100%;
}
.view .album_social {
color: #fff;
position: absolute;
bottom: 3px;
left: 3px;
border: 1px solid #ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 3px 5px;
}
.view .album_social:active, .view .album_social:focus, .view .album_social:hover {
color: #ffffff;
outline: none;
}
/*1*/
.view .info {
margin-top: 5px;
}
.view-first .mask {
opacity: 0;
background-color: rgba(0, 0, 0, 0.7);
transition: all 0.4s ease-in-out;
}
.view-first h2 {
transform: translateY(-100px);
opacity: 0;
font-family: Raleway, serif;
transition: all 0.2s ease-in-out;
}
.view-first p {
transform: translateY(100px);
opacity: 0;
transition: all 0.2s linear;
}
.view-first a.info {
opacity: 0;
transition: all 0.2s ease-in-out;
}
/* */
.view-first:hover img {
/*transform: scale(1.1);*/
}
.view-first:hover .mask {
opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
opacity: 1;
transform: translateY(0px);
}
.view-first:hover p {
transition-delay: 0.1s;
}
.view-first:hover a.info {
transition-delay: 0.2s;
}
/*2*/
.view-second img {
-webkit-filter: grayscale(0) blur(0);
filter: grayscale(0) blur(0);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.view-second .mask {
background-color: rgba(226, 200, 127, 0.2);
transition: all 0.5s linear;
opacity: 0;
}
.view-second h2 {
background: transparent;
margin: 20px 40px 0px 40px;
transform: scale(0);
color: #333;
transition: all 0.5s linear;
opacity: 0;
}
.view-second p {
opacity: 0;
transform: scale(0);
transition: all 0.5s linear;
}
.view-second a.info {
opacity: 0;
transform: scale(0);
transition: all 0.5s linear;
}
.view-second:hover img {
-webkit-filter: grayscale(100%) blur(3px);
filter: grayscale(100%) blur(3px);
}
.view-second:hover .mask {
opacity: 1;
}
.view-second:hover h2,
.view-second:hover p,
.view-second:hover a.info {
transform: scale(1);
opacity: 1;
}
.view-second img {
-webkit-filter: grayscale(0) blur(0);
filter: grayscale(0) blur(0);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.view-second:hover img {
-webkit-filter: grayscale(100%) blur(3px);
filter: grayscale(100%) blur(3px);
}
/*3*/
.view-third img {
transform: scaleY(1);
transition: all .7s ease-in-out;
}
.view-third a.info {
opacity: 0;
transform: scale(0);
transition: all 0.5s linear;
}
.view-third:hover img {
-webkit-transform: scale(10);
transform: scale(10);
opacity: 0;
}
.view-third:hover .mask {
opacity: 1;
}
.view-third:hover h2,
.view-third:hover p,
.view-third:hover a.info {
transform: scale(1);
opacity: 1;
}
/* ==== view 4 ===*/
.view-forth-wrapper {
overflow: hidden;
position: relative !important;
height: 100%;
/* cursor: pointer;*/
}
.view-forth img {
max-width: 100%;
position: relative;
top: 0;
-webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.view-forth .mask {
position: absolute;
width: 100%;
/* height: 70px;*/
/* bottom: -70px;*/
height: 50%;
bottom: -50%;
-webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
top: inherit;
}
.view-forth:hover .mask {
bottom: 0;
}
.view-forth:hover img {
top: -30px;
}
/*== view 5 ==*/
.view-fifth .view-fifth-wrapper,
.view-fifth .view-fifth-wrapper img {
display: block;
position: relative;
}
.view-fifth .view-fifth-wrapper {
overflow: hidden;
height: 100%;
}
.view-fifth .view-fifth-wrapper .mask {
display: none;
position: absolute;
background: #333;
background: rgba(75, 75, 75, 0.7);
width: 100%;
height: 100%;
}
/* ====================== album category styles ==========================*/
#filters {
margin: 1% 0;
padding: 0;
list-style: none;
list-style-type: none !important;
}
#filters li {
float: left;
list-style-type: none !important;
}
#filters li:first-child span {
margin-left: 0px;
}
#filters li span {
display: block;
text-decoration: none;
cursor: pointer;
}
.album_categories {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
padding-top: 5px;
}
/*========= sharing buttons ============*/
.album_socials {
position: relative;
top: 3px;
width: 100px;
height: 28px;
margin: 0 auto;
}
.album_socials .rwd-share-buttons {
top: 0px !important;
width: 100% !important;
margin: 0px !important;
}
.album_socials a {
text-decoration: underline !important;
}
.gallery_images, .album_image_place {
margin-top: 15px;
margin-top: 15px;
}
#rwd-share-facebook:hover {
background-position: 0 -31px !important;
}
#rwd-share-twitter:hover {
background-position: -31px 32px !important;
}
#rwd-share-googleplus:hover {
background-position: -66px -31px !important;
}
.rwd-share-buttons li, .rwd-share-buttons li a {
width: 26px !important;
border: 0px !important;
}
.rwd-share-buttons {
top: 0 !important;
}
.img_link_btn {
position: absolute;
z-index: 99999;
bottom: 0;
left: 0;
right: 0;
width: 100%;
padding: 8px;
}
.rwd-title {
padding: 10px 0px !important;
}
@media only screen and (max-width: 475px) {
.rwd-share-buttons {
top: -25px !important;
}
.rwd-title-text {
line-height: 15px;
}
}
/*========= hover style ===========*/
#hover {
color: rgba(188, 175, 204, 0.9);
}
h2#testimonials {
color: #fffae3;
}
div#all {
width: 100%;
height: 100%;
}
.view img {
height: auto;
}
.view {
color: #fff;
margin: 0 10px 10px 0;
overflow: hidden;
position: relative;
text-align: center;
float: left;
cursor: default;
border: 1px solid #ccc;
}
.view-wrapper {
height: 100%;
}
.view img {
display: block;
position: relative;
transition: all 0.2s linear;
height: 100%;
width: auto;
max-width: 100%;
margin: 0 auto;
}
.mask-text h2 {
font-size: 20px !important;
margin-top: 20px !important;
}
/* view 1 */
.view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p {
color: #fff;
}
/* view 2 */
.view-second .text-category, .view-second .mask-text h2, .view-second p {
color: #333;
}
.view-second .mask-text h2 {
border-bottom: 1px solid #333;
}
/* view 3*/
.view-third .mask {
background-color: #ccc;
transition: all 0.5s linear;
opacity: 0;
color: #333;
}
.view-third h2 {
border-bottom: 1px solid #333;
background: transparent;
margin: 20px 40px 0px 40px;
transform: scale(0);
color: #333;
transition: all 0.5s linear;
opacity: 0;
}
.view-third p {
color: #333;
opacity: 0;
transform: scale(0);
transition: all 0.5s linear;
}
.view-third .text-category {
color: #333;
}
/* view 4 */
.view-forth .mask-bg {
background: #333;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.view-forth .mask-text {
color: #fff;
position: relative;
z-index: 500;
padding: 5px 8px;
}
.view-forth .mask-text h2 {
margin: 0px;
font-size: 13px;
padding: 2px;
color: #fff;
}
.view-forth .mask-text h2:hover {
cursor: pointer;
}
.view-forth .text-category {
display: block;
font-size: 15px;
color: #fff;
}
.view-forth p {
color: #fff;
}
/* view 5 */
.view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p {
color: #fff;
}
Rocky Balboa
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Skiing alone
lorem ipsumdolor sit amet
lorem ipsum dolor sit amet
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Summer dreams
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
lorem ipsum
dolor sit amet
lorem ipsum
dolor sit amet
Mr. Cosmo Kramer
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Dolor sit amet
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Edgar Allan Poe
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Fix the moment !
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lions eyes
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Photo with exposure
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
lorem ipsum
dolor sit amet
lorem ipsum
dolor sit amet
Travel with music
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
lorem ipsum
dolor sit amet
lorem ipsum
dolor sit amet
.gallery-img-content .clear {
clear: both;
}
.gallery-img-content a{
border-bottom: none;
}
.element_1 {
max-width:275px;
margin:0 2px 10px 0;
border:0px solid #eeeeee;
border-radius:3px;
outline:none;
overflow:hidden;
}
.element_1 .image-block_1 {
position:relative;
width: 100%;
width:275px;
max-width:275px;
}
.element_1 .image-block_1 a {display:block;}
.element_1 .image-block_1 img {
width: 100%;
max-width:275px !important;
height:auto;
display:block;
border-radius: 0 !important;
box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}
.element_1 .image-block_1 img:hover {
cursor: -webkit-zoom-in; cursor: -moz-zoom-in;
}
.element_1 .image-block_1 .play-icon {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.element_1:hover .title-block_1 {bottom:0;}
.element_1 .title-block_1 a, .element_1 .title-block_1 a:link, .element_1 .title-block_1 a:visited, .element_1 .title-block_1 {
position:relative;
margin:0;
padding:0 1% 0 2%;
width:97%;
text-decoration:none !important;
text-overflow: ellipsis;
overflow: hidden;
white-space:nowrap;
z-index:20;
font-size: 16px;
color:#0074A2;
font-weight:normal;
}
.element_1 .image-block_1 .play-icon.youtube-icon {background:url(https://www.epveteranonestop.org/wp-content/plugins/gallery-images/assets/images../admin_images/play.youtube.png) center center no-repeat;}
.element_1 .image-block_1 .play-icon.vimeo-icon {background:url(https://www.epveteranonestop.org/wp-content/plugins/gallery-images/assets/images../admin_images/play.vimeo.png) center center no-repeat;}
.element_1 .title-block_1 {
position:absolute;
left:0;
width:100%;
padding-top:5px;
height: 36px;
bottom:-41px;
background: rgba(0,0,0,0.8) !important;
-webkit-transition: bottom 0.3s ease-out 0.1s;
-moz-transition: bottom 0.3s ease-out 0.1s;
-o-transition: bottom 0.3s ease-out 0.1s;
transition: bottom 0.3s ease-out 0.1s;
}
.element_1 .title-block_1 a:hover, .element_1 .title-block_1 a:focus, .element_1 .title-block_1 a:active {
color:#2EA2CD;
text-decoration:none;
}
.load_more4 {
margin: 10px 0;
position:relative;
text-align:center;
width:100%;
}
.load_more_button4 {
border-radius: 10px;
display:inline-block;
padding:5px 15px;
font-size:16px !important;;
color:#FF0D0D !important;;
background:#5CADFF !important;
cursor:pointer;
}
.load_more_button4:hover{
color:#FF4040 !important;
background:#99C5FF !important;
}
.loading4 {
display:none;
}
.paginate4{
font-size:19px !important;
color:#FF2C2C !important;
text-align: center;
margin-top: 25px;
}
.paginate4 a{
border-bottom: none !important;
}
.icon-style4{
font-size: 21px !important;
color:#B82020 !important;
}
.clear{
clear:both;
}
@media screen and (max-width: 480px){
.element_1{
max-width:100% !important;
}
}
.view-wrapper img{
height:auto;
}
Title
PathFinders- Peer Support Group