File: /var/www/html/wp-content/plugins/photo-gallery/css/gallery-upgrade.scss
.break_768, #screen-meta-links {
display: none;
}
.gallery_upgrade-content-features {
.gallery_feature:last-child {
.gallery_feature-image {
display: none !important;
}
.gallery_feature-heading {
display: none !important;
}
.gallery_feature-text {
display: none !important;
}
}
}
.gallery_upgrade_main {
display: flex;
justify-content: center;
width: 100%;
}
.gallery_upgrade_wrapper {
margin: 0 auto;
box-sizing: border-box;
background-color: #FFFFFF;
.gallery_info {
position: relative;
.gallery_info-text {
display: inline-block;
color: #323A45;
text-align: left;
font-weight: 700;
font-family: 'Open Sans';
padding: 0;
margin: 0;
}
.gallery_info-question_mark {
display: inline-block;
img {
position: absolute;
}
}
}
.gallery_upgrade-head {
display: flex;
justify-content: center;
flex-direction: column;
.gallery_upgrade-head-content {
display: flex;
flex-direction: column;
.gallery_upgrade-head-content-heading {
margin-bottom: 14px;
h2 {
color: #323A45;
font-weight: 900;
font-family: 'Open Sans';
padding: 0;
margin: 0;
}
}
.gallery_upgrade-head-content-text {
margin-bottom: 40px;
p {
color: #323A45;
font-weight: 400;
font-family: 'Open Sans';
padding: 0;
margin: 0;
}
}
.gallery_upgrade-head-content-buttons {
div {
input {
text-align: center;
text-transform: uppercase;
font-weight: 600;
font-family: 'Open Sans';
border-radius: 30px;
padding: 0;
cursor: pointer;
}
}
.button-upgrade {
input {
background-color: #23B536;
color: #FFFFFF;
border: none;
outline: none;
&:hover {
background-color: #1E9C2E;
}
}
}
}
}
}
.gallery_upgrade-content {
margin-bottom: 30px;
.gallery_upgrade-content-features {
display: flex;
.gallery_feature {
width: 272px;
.gallery_feature-image {
display: flex;
justify-content: start;
align-items: flex-end;
img {
margin-top: 0;
margin-bottom: 2px;
}
}
.gallery_feature-heading {
h3 {
color: #323A45;
font-weight: 900;
font-family: 'Open Sans';
padding: 0;
margin: 0;
}
}
.gallery_feature-text {
p {
color: #323A45;
font-weight: 400;
font-family: 'Open Sans';
margin: 0;
padding: 0;
}
}
}
}
}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.break_768 {
display: inline-block;
}
.gallery_upgrade_main {
display: flex;
justify-content: center;
width: 100%;
}
.gallery_upgrade_wrapper {
margin: 0 auto;
box-sizing: border-box;
background-color: #FFFFFF;
padding: 0 14px;
.gallery_info {
padding-top: 20px;
padding-bottom: 30px;
.gallery_info-text {
font-size: 18px;
line-height: 24px;
}
.gallery_info-question_mark {
a {
position: absolute;
display: inline-block;
top: -4px;
right: 25px;
width: 66px;
height: 66px;
}
}
}
.gallery_upgrade-head {
align-items: center;
margin-bottom: 20px;
.gallery_upgrade-head-content {
justify-content: center;
align-items: center;
.gallery_upgrade-head-content-heading {
margin-bottom: 14px;
h2 {
text-align: center;
font-size: 26px;
line-height: 36px;
}
}
.gallery_upgrade-head-content-text {
margin-bottom: 40px;
p {
text-align: center;
font-size: 16px;
line-height: 22px;
}
}
.gallery_upgrade-head-content-buttons {
div {
input {
width: 204px;
height: 47px;
font-size: 14px;
line-height: 19px;
letter-spacing: 0.12px;
}
}
.button-upgrade {
margin-bottom: 40px;
input {
}
}
}
}
.gallery_upgrade-head-media {
position: relative;
.gallery_upgrade-head-media-picture {
width: 300px;
height: 186px;
background-image: url("../images/film-strip.png");
background-size: inherit;
}
}
}
.gallery_upgrade-content {
margin-bottom: 30px;
.gallery_upgrade-content-features {
justify-content: center;
flex-direction: column;
.gallery_feature {
width: 272px;
.gallery_feature-image {
display: flex;
justify-content: center;
align-items: center;
img {
margin-bottom: 4px;
}
.thumb {
width: 50px;
height: 50px;
border: none;
}
.pagination {
width: 82px;
height: 50px;
}
.font {
width: 58px;
height: 58px;
}
.control {
width: 73px;
height: 48px;
}
.color {
width: 45px;
height: 48px;
}
.filmstrip {
width: 63px;
height: 48px;
}
.lightbox {
width: 58px;
height: 58px;
}
.alignment {
width: 48px;
height: 48px;
}
}
.gallery_feature-heading {
h3 {
text-align: center;
font-size: 18px;
line-height: 24px;
margin-bottom: 10px;
}
}
.gallery_feature-text {
p {
text-align: center;
font-size: 14px;
line-height: 19px;
margin-bottom: 24px;
}
}
}
}
}
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.break_768 {
display: inline;
}
.gallery_upgrade_wrapper {
position: relative;
padding: 0 22px;
.gallery_info {
padding-top: 40px;
padding-bottom: 10px;
.gallery_info-text {
font-size: 22px;
line-height: 30px;
}
.gallery_info-question_mark {
img {
top: 20px;
left: 228px;
width: 72px;
height: 72px;
}
}
}
.gallery_upgrade-head {
margin-bottom: 9px;
.gallery_upgrade-head-content {
.gallery_upgrade-head-content-heading {
margin-bottom: 20px;
h2 {
width: 350px;
text-align: left;
font-size: 30px;
line-height: 41px;
}
}
.gallery_upgrade-head-content-text {
margin-bottom: 30px;
p {
width: 350px;
text-align: left;
font-size: 16px;
line-height: 22px;
}
}
.gallery_upgrade-head-content-buttons {
div {
input {
width: 204px;
height: 47px;
font-size: 14px;
line-height: 19px;
letter-spacing: 0.12px;
}
}
.button-upgrade {
margin-bottom: 137px;
input {
}
}
}
}
.gallery_upgrade-head-media {
position: absolute;
right: -1px;
top: 215px;
.gallery_upgrade-head-media-picture {
width: 433px;
height: 270px;
background-image: url("../images/film-strip@2x.png");
background-size: cover;
}
}
}
.gallery_upgrade-content {
.gallery_upgrade-content-features {
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
.gallery_feature {
width: 217px;
height: 201px;
box-sizing: border-box;
.gallery_feature-image {
height: 60px;
.thumb {
width: 50px;
height: 50px;
border: none;
}
.pagination {
width: 82px;
height: 50px;
}
.font {
width: 58px;
height: 58px;
}
.control {
width: 73px;
height: 48px;
}
.color {
width: 45px;
height: 48px;
}
.filmstrip {
width: 63px;
height: 48px;
}
.lightbox {
width: 58px;
height: 58px;
}
.alignment {
width: 48px;
height: 48px;
}
}
.gallery_feature-heading {
h3 {
text-align: left;
font-size: 20px;
margin-bottom: 12px;
padding-left: 9px;
}
}
.gallery_feature-text {
p {
height: 80px;
text-align: left;
font-size: 15px;
margin-bottom: 30px;
padding-left: 9px;
}
}
}
.gallery_feature:nth-child(n+6) {
.gallery_feature-text {
p {
margin-bottom: 0px;
}
}
}
}
}
}
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
.break_768 {
display: inline;
}
.gallery_upgrade_wrapper {
position: relative;
padding: 0 22px;
.gallery_info {
padding-top: 40px;
padding-bottom: 10px;
.gallery_info-text {
font-size: 22px;
line-height: 30px;
}
.gallery_info-question_mark {
img {
top: 20px;
left: 228px;
width: 72px;
height: 72px;
}
}
}
.gallery_upgrade-head {
.gallery_upgrade-head-content {
.gallery_upgrade-head-content-heading {
margin-bottom: 20px;
h2 {
width: 350px;
text-align: left;
font-size: 30px;
line-height: 40px;
}
}
.gallery_upgrade-head-content-text {
margin-bottom: 30px;
p {
width: 350px;
text-align: left;
font-size: 16px;
line-height: 22px;
}
}
.gallery_upgrade-head-content-buttons {
display: flex;
width: 424px;
justify-content: space-between;
margin-bottom: 50px;
div {
input {
width: 204px;
height: 47px;
font-size: 14px;
line-height: 19px;
letter-spacing: 0.12px;
}
}
.button-upgrade {
input {
}
}
}
}
.gallery_upgrade-head-media {
position: absolute;
right: 0;
top: 10px;
.gallery_upgrade-head-media-picture {
width: 433px;
height: 270px;
background-image: url("../images/film-strip@3x.png");
background-size: cover;
}
}
}
.gallery_upgrade-content {
margin-bottom: 50px;
.gallery_upgrade-content-features {
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
.gallery_feature {
width: 251px;
.gallery_feature-image {
height: 60px;
.thumb {
width: 50px;
height: 50px;
border: none;
}
.pagination {
width: 82px;
height: 50px;
}
.font {
width: 58px;
height: 58px;
}
.control {
width: 73px;
height: 48px;
}
.color {
width: 45px;
height: 48px;
}
.filmstrip {
width: 63px;
height: 48px;
}
.lightbox {
width: 58px;
height: 58px;
}
.alignment {
width: 48px;
height: 48px;
}
}
.gallery_feature-heading {
h3 {
text-align: left;
font-size: 20px;
line-height: 30px;
margin-bottom: 12px;
padding-left: 9px;
}
}
.gallery_feature-text {
p {
text-align: left;
font-size: 15px;
margin-bottom: 13px;
padding-left: 9px;
}
}
}
.gallery_feature:nth-child(n+6) {
.gallery_feature-text {
p {
margin-bottom: 0px;
}
}
}
}
}
}
}
@media only screen and (min-width: 1280px) and (max-width: 1365px) {
.break_768 {
display: inline-block;
}
.gallery_upgrade_wrapper {
position: relative;
padding: 0 22px 0 24px;
.gallery_info {
padding-top: 60px;
padding-bottom: 10px;
margin-left: -1px;
.gallery_info-text {
font-size: 22px;
line-height: 30px;
}
.gallery_info-question_mark {
img {
top: 40px;
left: 225px;
width: 72px;
height: 72px;
}
}
}
.gallery_upgrade-head {
margin-left: -1px;
.gallery_upgrade-head-content {
.gallery_upgrade-head-content-heading {
margin-bottom: 20px;
h2 {
width: 374px;
text-align: left;
font-size: 32px;
line-height: 43px;
}
}
.gallery_upgrade-head-content-text {
margin-bottom: 30px;
p {
width: 524px;
text-align: left;
font-size: 18px;
line-height: 24px;
}
}
.gallery_upgrade-head-content-buttons {
display: flex;
width: 480px;
justify-content: space-between;
margin-bottom: 60px;
div {
input {
width: 230px;
height: 52px;
font-size: 16px;
line-height: 22px;
letter-spacing: 0.13px;
}
}
.button-upgrade {
input {
}
}
}
}
.gallery_upgrade-head-media {
position: absolute;
right: 1px;
top: 34px;
.gallery_upgrade-head-media-picture {
width: 516px;
height: 322px;
background-image: url("../images/film-strip@3x.png");
background-size: cover;
}
}
}
.gallery_upgrade-content {
margin-bottom: 10px;
.gallery_upgrade-content-features {
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
.gallery_feature {
height: 229px;
width: 239px;
.gallery_feature-image {
height: 60px;
.thumb {
width: 50px;
height: 50px;
border: none;
}
.pagination {
width: 82px;
height: 50px;
}
.font {
width: 58px;
height: 58px;
}
.control {
width: 73px;
height: 48px;
}
.color {
width: 45px;
height: 48px;
}
.filmstrip {
width: 63px;
height: 48px;
}
.lightbox {
width: 58px;
height: 58px;
}
.alignment {
width: 48px;
height: 48px;
}
}
.gallery_feature-heading {
h3 {
text-align: left;
font-size: 20px;
line-height: 30px;
margin-bottom: 12px;
padding-left: 5px;
}
}
.gallery_feature-text {
p {
height: 80px;
width: 239px;
text-align: left;
font-size: 15px;
line-height: 20px;
margin-bottom: 60px;
padding-left: 5px;
}
}
}
.gallery_feature:nth-child(n+4) {
.gallery_feature-text {
p {
margin-bottom: 0px;
}
}
}
.gallery_feature:last-child {
display: none;
}
}
}
}
}
@media only screen and (min-width: 1366px) and (max-width: 1919px) {
.break_768 {
display: inline-block;
}
.gallery_upgrade_wrapper {
position: relative;
padding: 0 22px 0 23px;
.gallery_info {
padding-top: 60px;
padding-bottom: 10px;
.gallery_info-text {
font-size: 22px;
line-height: 30px;
}
.gallery_info-question_mark {
img {
top: 40px;
left: 230px;
width: 72px;
height: 72px;
}
}
}
.gallery_upgrade-head {
.gallery_upgrade-head-content {
.gallery_upgrade-head-content-heading {
margin-bottom: 20px;
h2 {
width: 374px;
text-align: left;
font-size: 32px;
line-height: 43px;
}
}
.gallery_upgrade-head-content-text {
margin-bottom: 30px;
p {
width: 524px;
text-align: left;
font-size: 18px;
line-height: 24px;
}
}
.gallery_upgrade-head-content-buttons {
display: flex;
width: 480px;
justify-content: space-between;
margin-bottom: 80px;
div {
input {
width: 230px;
height: 52px;
font-size: 16px;
line-height: 22px;
letter-spacing: 0.13px;
}
}
.button-upgrade {
input {
}
}
}
}
.gallery_upgrade-head-media {
position: absolute;
right: 0px;
top: 0px;
.gallery_upgrade-head-media-picture {
width: 603px;
height: 376px;
background-image: url("../images/film-strip@3x.png");
background-size: cover;
}
}
}
.gallery_upgrade-content {
margin-bottom: 10px;
.gallery_upgrade-content-features {
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
.gallery_feature {
width: 260px;
height: 237px;
.gallery_feature-image {
height: 60px;
.thumb {
width: 50px;
height: 50px;
border: none;
}
.pagination {
width: 82px;
height: 50px;
}
.font {
width: 58px;
height: 58px;
}
.control {
width: 73px;
height: 48px;
}
.color {
width: 45px;
height: 48px;
}
.filmstrip {
width: 63px;
height: 48px;
}
.lightbox {
width: 58px;
height: 58px;
}
.alignment {
width: 48px;
height: 48px;
}
}
.gallery_feature-heading {
h3 {
text-align: left;
font-size: 20px;
line-height: 30px;
margin-bottom: 14px;
padding-left: 9px;
}
}
.gallery_feature-text {
p {
height: 80px;
text-align: left;
font-size: 16px;
line-height: 22px;
margin-bottom: 64px;
padding-left: 9px;
}
}
}
.gallery_feature:nth-child(n+4) {
.gallery_feature-text {
p {
margin-bottom: 0px;
}
}
}
.gallery_feature:last-child {
display: none;
}
}
}
}
}
@media only screen and (min-width: 1920px) {
.break_768 {
display: inline-block;
}
.gallery_upgrade_main {
}
.gallery_upgrade_wrapper {
position: relative;
padding: 0 50px;
.gallery_info {
padding-top: 60px;
padding-bottom: 10px;
padding-left: 10px;
.gallery_info-text {
font-size: 22px;
line-height: 30px;
}
.gallery_info-question_mark {
img {
top: 40px;
left: 236px;
width: 72px;
height: 72px;
}
}
}
.gallery_upgrade-head {
padding-left: 10px;
.gallery_upgrade-head-content {
.gallery_upgrade-head-content-heading {
margin-bottom: 30px;
h2 {
width: 630px;
text-align: left;
font-size: 54px;
line-height: 74px;
}
}
.gallery_upgrade-head-content-text {
margin-bottom: 40px;
p {
width: 640px;
text-align: left;
font-size: 22px;
}
}
.gallery_upgrade-head-content-buttons {
display: flex;
width: 496px;
justify-content: space-between;
margin-bottom: 163px;
div {
input {
width: 230px;
height: 52px;
font-size: 16px;
line-height: 22px;
letter-spacing: 0.13px;
}
}
.button-upgrade {
input {
}
}
}
}
.gallery_upgrade-head-media {
position: absolute;
right: 25px;
top: 19px;
.gallery_upgrade-head-media-picture {
width: 850px;
height: 529px;
background-image: url("../images/film-strip@3x.png");
background-size: cover;
}
}
}
.gallery_upgrade-content {
margin-bottom: 6px;
.gallery_upgrade-content-features {
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
.gallery_feature {
width: 333px;
height: 232px;
.gallery_feature-image {
height: 72px;
.thumb {
width: 56px;
height: 56px;
border: none;
}
.pagination {
width: 88px;
height: 54px;
}
.font {
width: 68px;
height: 68px;
}
.control {
width: 82px;
height: 54px;
}
.color {
width: 51px;
height: 54px;
}
.filmstrip {
width: 71px;
height: 54px;
}
.lightbox {
width: 68px;
height: 68px;
}
.alignment {
width: 55px;
height: 54px;
}
}
.gallery_feature-heading {
h3 {
text-align: left;
font-size: 22px;
line-height: 30px;
margin-bottom: 12px;
padding-left: 10px;
}
}
.gallery_feature-text {
p {
height: 80px;
text-align: left;
font-size: 16px;
line-height: 22px;
margin-bottom: 30px;
padding-left: 10px;
}
}
}
.gallery_feature:nth-child(n+4) {
.gallery_feature-text {
p {
margin-bottom: 0px;
}
}
}
.gallery_feature:nth-child(4n) {
margin-right: 208px;
}
.gallery_feature:last-child {
display: none;
}
}
}
}
}