/* /////////////////////////////////////////////////////////////////////
//  Your CSS
/////////////////////////////////////////////////////////////////////*/

/*
Theme Name: Queensberry
Description: Custom Queensberry Styles
Version: 1 - January 2014
Author: Queensberry
Author URL: https://www.queensberry.com
TABLE OF CONTENTS
01 - Typography

02 - General Page Structure
03 - Navigation
06 - Product Pages
09 - Blog Styles
10 - Widget Styles
13 - Footer
14 - Responsive CSS
*/
/* /////////////////////////////////////////////////////////////////////
// TYPOGRAPHY
/////////////////////////////////////////////////////////////////////*/

p {
font-size:12pt !important;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
line-height: 28px !important;
color: #353535;
margin: 0.5em 0 1em 0;
letter-spacing: normal;
}

i {
    font-weight: 400;
    font-size: 12pt !important;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif!important;
    font-weight: 400!important;
    line-height: 28px !important;
    color: #353535;
    margin: 0.5em 0 1em 0!important;
    letter-spacing: normal!important;
}

.blogWrapper p {
font-size:12pt !important;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif!important;
font-weight: 300!important;
line-height: 25px !important;
color: #353535;
margin: 0.5em 0 1em 0!important;
letter-spacing: normal!important;
}
li {
font-size:12pt !important;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif!important;
font-weight: 300!important;
line-height: 28px !important;
color: #353535;
margin: 0em 0 1em 0!important;
letter-spacing: normal!important;
}
 
h1 {
text-align: center;
    clear: both;
    font-family: 'Lato', sans-serif !important;
    font-weight: 400!important;
    color: #353535;
    margin: 0px;
    text-transform: none;
    letter-spacing: 0px !important;
    font-size: 22pt !important;
    line-height: 37px;
padding-bottom:0px;
}
h2 {
font-family: 'Lato', sans-serif !important;
font-weight:400 !important;
    clear: both;
    font-size: 1.063em;
    text-transform: uppercase;
    padding-bottom: 0px;
    color: #353535;
    font-weight: 100;
    letter-spacing: 1.25px;
    line-height: 2.1;
}
h3 {
font-family: 'Lato', sans-serif !important;
font-weight:600 !important;
    clear: both;
    font-size: 13pt;
    text-transform: uppercase;
    padding-bottom: 0px;
    color: #353535;
    font-weight: 600;
    letter-spacing: 1.25px;
    line-height: 2.1;
}

h4 {
font-size:12pt !important;
margin-top: 2em;
margin-bottom: 10px;
letter-spacing: 1px;
font-family: 'Futura W01 Book' !important;
}
h5 {
letter-spacing:0px;
}
a {
color: #bea23e;
text-decoration: none;
font-family: inherit;
}
p.overlap_text {
font-family: 'Lato', sans-serif !important;
font-weight: 500 !important;
font-size: 45px !important;
letter-spacing:1px;
}
em {
font-style: italic;
font-weight:400;
}
strong, b {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bold;
}

.article-heading {
font-weight:bold;
    margin-top: 0px;
    margin-bottom: 0px !important;
}

.wtypeimage .caption {
font-size: 12pt !important;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 28px !important;
    color: #353535;
font-weight:300;
}
/* /////////////////////////////////////////////////////////////////////
// 02 - General Page Structure
/////////////////////////////////////////////////////////////////////*/

#mainPageWrapper {
padding-top: 0px;
padding-right:10px !important; 
}
#pageWidth {
margin:auto;
margin-top: 0px;
padding: 0px 0 0px 0;
width:100%;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
line-height: 1.500em;
font-size:100%;
color: #353535;
}
#pgContent {
width: 100%;
padding-left: 0px;
padding-right: 0px;
-moz-box-shadow: 0 0 0 ;
-webkit-box-shadow: 0 0 0 ;
box-shadow: 0 0 0;
max-width: none;
}
.mainPageContent {
padding: 0px 0 0px 0;
}
.container {
max-width: 61.250em;
width: 90%;
margin: 0 auto;
}
#page {
max-width: 61.250em;
width: 90%;
margin:auto;
}
#isPageHeader {
max-width: 100% !important;
width: 100%;
margin:auto;
}
.photographer-custom-page {
width:100%;
margin:auto;
display: block;
clear: both;
margin-bottom: 80px;
max-width: 1150px;
}
#main .wrap {
max-width: 61.250em;
width: 90%;
margin: 0 auto;
padding: 0 0 0 0;
}
#mainPageHeader {
max-width: 61.250em;
width: 90%;
margin:auto;
padding-top: 38px;
border-top: 1px solid #cdcabf;
display: none;
}
#pgLogo {
width: 250px;
float:left;
height: 40px;
margin-top: 9px;
margin-bottom: 17px;
text-align:left;
padding: 0;
}
#pgLogo_img {
padding: 20px 20px 20px 0px;
}
#gallery.content {
max-width: 61.250em;
width: 90%;
float:none;
}
.xxs-section {
max-width: 700px;
    margin-left: auto !important;
    margin-right: auto!important;
margin-top:30px;
}
.xs-section {
max-width: 90%;
    margin-left: auto !important;
    margin-right: auto!important;
margin-top:30px;
}
.sml-section {
max-width: 1000px;
    margin-left: auto !important;
    margin-right: auto!important;
}
.med-section {
max-width: 1150px;
    margin-left: auto !important;
    margin-right: auto!important;
}
.standard-section {
max-width: 1100px;
    margin-left: auto !important;
    margin-right: auto!important;
}
.lrg-section {
max-width: 1400px;
    margin-left: auto !important;
    margin-right: auto!important;
}
.hidden-section {
display:none;
visibility:none;
}

/*--------------------------------------
ELEMENTS
---------------------------------------*/
.line {
border-top:1px solid #cdcabf;
}
ul {
list-style-type: none;
padding-left: 0px;
}
.hr_aa {
background-color: #cdcabf;
margin: 25px 0 25px 0 !important;
width: 50% !important;
}
a.qby-acc-button {
padding: 10px;
text-align: center;
margin-top: 25px;
letter-spacing: 0.5px;
font-family: 'Lato', sans-serif !important;
background: linear-gradient(to bottom, rgba(51, 153, 255, 1) 0%, rgba(51, 153, 255, 1) 100%);
display: inline-block;
font-weight: normal;
margin-right: 8px;
color: #FFFFFF !important;
width: 250px;
font-size: 10pt;
}

/* /////////////////////////////////////////////////////////////////////
//  Help Centre
/////////////////////////////////////////////////////////////////////*/
.panel-custom .panel-body {
padding: 0px !important;
}
.section-description {
margin-bottom: 20px;
    margin-top: 10px;
}
.section-heading {
font-weight:600;
}
.category-heading {
font-weight:600;
margin-bottom: 0px !important;
}
#faqcontainer h1, #QUILL_EDITOR h1 {
margin-bottom: 15px;
}
form {
    gap: 10px;
}
.form-control {
height:35px !important;
}
.main-row {
margin-bottom: 0px !important;
}

/*--------------------------------------
BUTTONS
---------------------------------------*/
.button {
color: white;
    font-weight: bold; 
}
.large-btn {
text-align:center !important;
} 
.large-button { 
display: inline-block; padding: 1.0625em 1.875em; border-radius: 5px; font-weight: 500; font-size: 1em; line-height: 1.133; box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15); background-color: black; color: white; border-width: 0; border-style: solid; border-color: transparent; text-align:center; float:center; margin-left:5px; margin-right:5px;} .button-link { color:white !important; font-weight:bold; 
}
a.sml-button {
    display: inline-block;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    font-size: 9pt;
    text-transform: none;
    line-height: 1.45;
    letter-spacing: normal;
    text-transform: none;
    border-radius: 0.1875rem;
    margin-right: 8px;
    margin-top: 10px;
    font-family: 'Lato', sans-serif;
    color: white;
    background-color: black;
    text-decoration: none;
    padding: 8px 15px !important;
    cursor: pointer !important;
    color: #FFFFFF !important;
}

#bottom-sign-up {
text-align:center;
}
#login {
float: right;
margin-top: 20px;
line-height: 1.25em;
}
.black-button {
font-size: 1.125em;
font-family: "Futura W01 Light";
background-color: #353535;
color: #ffffff;
padding: 6px 30px;
text-transform:uppercase;
letter-spacing: 0.08em;
border-radius: 2px;
}
a.black-button {
color: #ffffff;
text-decoration:none;
}
a.black-button:hover {
color: #ffffff;
text-decoration:none;
}
a.more-button {
font-size: 10pt;
font-family: 'Lato', sans-serif;
color: white;
background-color: black;
text-align: center;
text-decoration: none;
display: inline-block;
padding: 4px 15px !important;
font-weight: normal;
cursor: pointer !important;
color: #FFFFFF !important;
margin-top: 6px;
}
a.download-button {
font-size: 9pt;
letter-spacing: 0.5px;
font-family: 'Lato', sans-serif;
color: white;
background-color: black;
text-align: center;
text-decoration: none;
display: inline-block;
padding: 2px 25px !important;
font-weight: normal;
cursor: pointer !important;
color: #FFFFFF !important;
}
a.pricing-button {
font-size: 11pt;
font-family: 'Lato', sans-serif;
color: white;
background-color: black;
text-align: center;
text-decoration: none;
padding: 8px 15px !important;
font-weight: normal;
cursor: pointer !important;
color: #FFFFFF !important;
}
.call-to-action {
margin-top:30px !important;
}
.call-to-action p {
font-weight:600 !important;
    padding: 14px!important;
}
a.order-now-button {
font-size: 11pt;
padding: 8px 15px !important;
font-family: 'Lato', sans-serif;
color: white;
text-align: center;
text-decoration: none;
background: #bea23e;
font-weight: normal;
margin-right: 8px;
cursor: pointer !important;
color: #FFFFFF !important;
text-align: center;
text-decoration: none;
}
a.gold-button:hover {
color: #ffffff;
text-decoration:none;
}
/*--------------------------------------
SMALL BUTTONS
---------------------------------------*/
.black-button-small {
font-size: 0.813em;
font-family: "Futura W01 Light";
background-color: #353535;
color: #ffffff;
padding: 0px 12px 3px;
text-transform:uppercase;
letter-spacing: 0.03em;
border-radius: 2px;
height: 20px;
}
a.black-button-small {
color: #ffffff;
text-decoration:none;
}
a.black-button-small:hover {
color: #ffffff;
text-decoration:none;
}
.gold-button-small {
font-size: 0.813em;
font-family: "Futura W01 Light";
background-color: #bea23e;
color: #ffffff;
padding: 0px 12px 3px;
text-transform:uppercase;
letter-spacing: 0.03em;
border-radius: 2px;
height: 20px;
}
a.gold-button-small {
color: #ffffff;
text-decoration:none;
margin-right:0px !important;
}
a.gold-button-small:hover {
color: #ffffff;
text-decoration:none;
}
.fb_iframe_widget {
margin-top: 19px;
margin-bottom:32px;
margin-left:13px;
}
/* /////////////////////////////////////////////////////////////////////
// NAVIGATION
/////////////////////////////////////////////////////////////////////*/
li.secondnav a:hover {
cursor:pointer;
}
.subnav li { 
width:270px!important;
}

#nav-container {
margin:auto;
}
#sub-nav ul {
margin: 8px 0 0 0;
}
#sub-nav ul li {
display: inline-block;
margin-right:30px;
}
.subnav {
padding: 2px 14px 0px 14px;
}
.sub-nav-2 {
position: absolute;
}
.nav-arrow {
margin-left: 3px;
margin-bottom: 1px;
}
.sub-nav-2 ul li.current a {
color: #353535 !important;
}
.sub-nav-2 ul li a {
color: #bea23e !important;
}
.sub-nav-2 ul {
background-color:#f7f4ef;
width:165px;
padding:2px 0;
margin-top: 0px;
border: 1px solid #cdcabf;
}
.sub-nav-2 ul li {
padding:3px 10px;
font-size:15px;
margin:10px;
}
.sub-nav-2 ul li:hover {
padding:3px 10px;
margin:10px;
background-color:#FCFCFC;
}
.sub-nav-2 ul li a:hover {
color:#bea23e;
}
#sub-nav ul li.current a{
color:#353535;
}
.sub-nav-2 ul li.current a{
color:#353535;
}
.sub-nav-2 ul li.current {
background-color:#FCFCFC;
padding:3px 10px;
margin:10px;
}
.album-nav {
z-index: 2;
}
.books-nav {
margin-left: 100px;
z-index: 2;
}
#topnav {
float: right;
margin-top: 22px;
text-transform: uppercase;
font-size: 14px;
margin-bottom:25px;
}
#topnav ul li {
margin:0 28px 0 0;
display: inline;
}
li.item5 {
margin-right: 0px !important;
}
#pgNavigation {
clear:both;
margin-bottom: 20px;
margin-top: 12px;
height: 34px;
border-bottom: 0px solid #cdcabf;
margin-left:0;
margin-right: 0;
width:100%;
padding-bottom: 0px;
}
#pgNavigation ul {
padding-left:0;
margin-top:4px;
}
#pgNavigation li {
float: left;
width: auto;
display: block;
padding-right: 13px;
}
#pgNavigation li a{
font-family: 'Lato', sans-serif !important;
font-weight: 400 !important;
 clear: both;
font-size: 10pt;
text-transform: uppercase;
color: #353535;
}
#pgNavigation li a:hover{
color: #353535;
text-decoration: none;
border-bottom:3px solid #cdcabf;
}
#pgNavigation li .current a {
color: #353535;
text-decoration: none;
border-bottom:3px solid #cdcabf;
}
#nav-pg ul li.item29.current a {
color: #353535;
text-decoration: none;
border-bottom:3px solid #cdcabf;
}
#galleryNavigation {
margin-bottom: 20px;
}
#nav-pg ul li {
text-transform: none;
font-size: 11pt;
color: #353535;
    padding-left: 10px;
    padding-right: 10px;
letter-spacing:0px;
}

/* /////////////////////////////////////////////////////////////////////
// PRODUCT PAGES
/////////////////////////////////////////////////////////////////////*/

/* Testimonal Widget */
section {
padding-top: 0.5em;
    padding-bottom: 0.5em;
}
#testimonial {
    height: 450px;;
    display: -webkit-flex; / Safari /
    -webkit-align-items: center; / Safari 7.0+ /
    display: flex;
    align-items:center;
}
#header-section-products-grey {
    background-color: #f9f9f9;
    margin-left: calc(-50vw + 50%);
    width: 100vw;
}
.grey_area_columns {
    background-color: #f9f9f9 !important;
    text-align: center;
}
.grey_area_columns .col-sm-12 {
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
    float: none;
}
.grey_area_columns .col-sm-6 {
    max-width:525px;
    float: none;
    display: inline-block;
    text-align: center;
}
.gallery_lb_thumbnail {
border: 1px solid #dddddd !important;
}

/* FAQ Section */
faq_container {
border: 1px solid #ccc;
    padding: 20px;
    background-color: #eeeeee;
    margin-bottom: 20px;
    cursor: pointer;
    font-weight: 300;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.faq_container.active {
background-color: #ffffff;
}
.faq_title {
font-weight:400;
display: -webkit-flex; / Safari /
display: flex;
-webkit-justify-content: space-between; / Safari 6.1+ /
justify-content: space-between;
-webkit-align-items: center; / Safari 7.0+ /
align-items: center;
font-size: 11pt;
padding-bottom:15px;
}
.faq_text {
display:none;
margin-top:10px;
}
.active .faq_text {
    display: block;
    padding: 15px;
    padding-top: 5px;
    line-height: 26px;
    font-weight: 300;
}
.faq-section {
max-width:1000px;
margin-left:auto!important;
margin-right:auto!important;
}
.quote {
    border-top: 0px;
    border-bottom: 0px;
    margin: 100px 50px 100px 50px !important;
    text-align: center;
    font-size: 1.125em;
    padding: 0px;
    line-height: 1.3em;
}

blockquote {
border-left:0px;
}

.container {
	position: relative;
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	font-weight: 100;
}

.quoteLoop {
	height: auto;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.quote {
	margin: 10px 30px;
	height: inherit;
	top: 0px;
	display: none;
	text-align: center;
}
/* /////////////////////////////////////////////////////////////////////
// BLOG STYLES
/////////////////////////////////////////////////////////////////////*/
.postRow .sharelinks {
display:none;
}

ul.with_bullet_point {
list-style: unset;
}

ul, ol {
margin-bottom: 30px;
    padding-left: 50px;
margin-top: 30px;
}
.blogSidePannel .title h2 {
display:none;
}
a.more-link {
font-size:10pt;
}
.blogWrapper {
margin:auto;
clear: both;
line-height: 1.3em !important;
margin-top:0px !important;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.blogSidePannel {
background-color: #ffffff;
width: 285px !important;
margin-top:48px !important;
}
.blogSidePannel .fb-like-box-wrapper {
padding-left:14px !important;
}
.blogMain p {
margin: 0px;
}
.acctBio {
font-size:15px !important;
letter-spacing:0px;
padding-top:25px;
line-height: 1.500em !important;
}
.userPhoto {
border: 0px solid #a0a0a0 !important;
}
#intro.container { height: 480px;
}
.blogMain {
/*width: 72% !important;*/
width: calc(100% - 290px) !important;
}
.blogWrapper #commentContainer {
width: calc(100% - 290px) !important;
}
.blogMainWrapper {
width: calc(100% - 290px) !important;
}
.blogMainWrapper .blogMain {
width: 100% !important;
}
.commentsCount {
padding:2px !important;
font-size: 0.750em;
font-weight: normal !important;
}
.recentpostsBox .title h2, .recentCategories .title h2 {
font-size: 1em !important;
border-bottom: 1px solid #cdcabf;
margin-top: 0px !important;
padding-bottom:0px;
}
.title h2 {
font-size: 1em;
border-bottom: 1px solid #cdcabf;
margin-top: 0px !important;
padding-bottom:10px;
}
#replyform .row1 h2 {
font-size: 1.125em;
}
.recentpostsBox li a, .recentCategories li a {
color:#bea23e;
font-size: 1em !important;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-weight: 300 !important;
margin: 0.5em 0 1em 0 !important;
letter-spacing:0px !important;
}
.postRow .loadcontent, .loadcontent1 {
margin-top:30px !important;
}
.recentCategories li {
background-color: transparent;
}
.recentpostsBox li a:hover, .recentCategories li a:hover {
color:#353535;
}
.postHeader .subject h1 {
margin-bottom: 8px;
font-size:24pt !important
line-height: 42px !important;
text-transform:uppercase;
padding: 0 0 10px 0;
color: #353535;
letter-spacing: 0px !important;
}
.postHeader {
border-bottom: 1px solid #CDCABF;
min-height: 48px;
margin-bottom: -10px;
overflow:auto;
}
.postedDate {
margin-bottom:30px !important;
color: #888;
margin-top:20px;
border-bottom: 1px solid #CDCABF;
padding-bottom: 20px;
}
.postRow {
margin-bottom: 50px !important;
border-bottom:0px;
}
.postCategories {
padding-top: 47px;
font-size:11pt !important;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300!important;
line-height: 1.500em!important;
color: #353535!important;
margin: 0.5em 0 1em 0!important;
letter-spacing:0px;
}
.postTags {
padding-top: 47px;
font-size:11pt !important;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300!important;
line-height: 1.500em!important;
color: #353535!important;
margin: 0.5em 0 1em 0!important;
letter-spacing:0px;
}
.searchIcon {
border: 1px solid #CDCABF;
}
.searchboxfld {
border: 1px solid #CDCABF;
height: 35px !important;
}
#replyform {
background-color: #f7f4ef;
}
.alignleft {
float: left;
margin: 0 1.250em 0.375em 0;
}
.postHeader .subject {
float: left;
width: 100% !important;
}
/*.fb_iframe_widget iframe {
width: 203px !important;
margin-left: 15px;
height: 254px !important;
}
.fb-like-box-wrapper {
height: 284px !important;
}

/* /////////////////////////////////////////////////////////////////////
// FOOTER
/////////////////////////////////////////////////////////////////////*/
#isPageFooter {
width: 100%;
margin:auto;
background-color:#181818;
position: relative;
bottom: 0px;
clear: both;
}

.footer-bottom-line {
    clear: both;
    font-size: 9pt;
    text-align: left;
    color: white;
    padding-top: 100px;
}
#pgFooter {
padding: 15px 0 15px 0;
max-width: 1100px;
width: 90%;
margin:auto;
padding: 10px 0 15px 0;
border-top:0px;
}
#footer-links {
height:150px;
margin-bottom: 38px;
}
.white {
color:white;
}
.footer-link {
    text-decoration: none;
    text-transform: none;
    color: white;
    font-weight: 600;
    line-height: 30px;
font-size:10pt;
}
.first-links {
height: 150px;
width: 40%;
float: left;
color:white;
}
.second-links {
width: 20%;
float: left;
margin-right: 0%;
}
.third-links {
margin-right: 0px;
width: 20%;
float: left;
}
.fourth-links {
margin-right: 0px;
width: 20%;
float: left;
    margin-bottom: 75px;
}
.footer-copyright {
    text-align: center;
    font-size: 10pt;
    color: white;
}
#footer-left {
float:left;
}
#footer-right {
float:right;
}
#footer-right ul li {
display:inline-block;
margin-left:20px;
}
#footer-right ul {
margin-top:0px;
margin-bottom:0px;
}
#poweredby {
display:none;
}
#socialbuttons {
height: 100px;
}
/* /////////////////////////////////////////////////////////////////////
// RESPONSIVE CSS
/////////////////////////////////////////////////////////////////////*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/*--------------------------------------
Navigation
---------------------------------------*/
#pgNavigation li{
padding-right:18px;
}
#nav-pg ul li {
font-size:0.850em;
}
#sub-nav ul li {
font-size: 1em;
}
/*--------------------------------------
Blog
---------------------------------------*/
.blogMain {
width:100% !important;
}
.blogSidePannel {
display:none;
}
.blogMainWrapper {
width:100% !important;
}
.blogWrapper #commentContainer {
width:100% !important;
}
.blogSidePannel {
display:none;
}
.postRow {
margin:0px;
}
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : portrait) {

/*--------------------------------------
Navigation
---------------------------------------*/
#sub-nav ul li {
font-size: 1.4em;
}
#pgNavigation li{
padding-right:18px;
}
#nav-pg ul li {
font-size:0.8em;
}
.or{
font-size:1.5em;
}
#pgLogo_img {
/*width: 350px;*/
}
/*--------------------------------------
Blog
---------------------------------------*/
.blogSidePannel {
background-color: #ffffff;
}
.blogMain {
width:100% !important;
}
.blogSidePannel {
display:none;
}
.website-ex {
width: 31.63265%;
}
.website-ex-last {
width: 31.63265%;
}
p.marketing-home {
font-size:2.188em;
line-height: 1.500em;
}
.scroll-text p {
margin-top:0px;
}
a.get-started-button {
font-size:2.188em;
}
a.plans-pricing-button {
font-size:2.188em;
}
/*--------------------------------------
Footer & Buttons
---------------------------------------*/
#footer {
display:none !important;
}
#bottom-sign-up {
height: 100px;
}
.black-button {
font-size:1.5em;
margin-bottom:40px;
}
.gold-button-small, .black-button-small {
font-size:1.5em;
height: 28px;
padding: 8px 15px 5px;
}
}
.postRow .authorSubInfo{
float:none;
height:45px;
margin-left:0px;
}
.postRow .authorSubInfo2{
display:none;
}
/*--------------------------------------
Responsive CSS
---------------------------------------*/
@media (max-width: 1650px) {
.med-section {
max-width: 1000px;
    margin-left: auto !important;
    margin-right: auto!important;
}
.lrg-section {
max-width: 1200px;
    margin-left: auto !important;
    margin-right: auto!important;
}
}

@media (max-width: 1100px) {
.subnav {
border:none;
margin-top:0;
position: relative;
}
.subnav li {
padding: 0 !important;
width: 100% !important;
}
ol.subnav li:first-child > a:after{
display:none;
}
.open .subnav li a:before, ol.subnav li:first-child > a:before {
content: "\2013" !important;
margin-right: 5px;
font-size: 18px;
border:none;
position: static;
}
.open .subnav li a {
font-family: 'Futura W01 Book' !important;
padding: 5px 0px !important;
width: 300px!important;
font-size: 11pt;
}
#pgLogo {
margin:auto;
float:none;
}
#pgNavigation, #nav-pg {
padding-right: 0;
padding-bottom: 0 !important;
}
#pgNavigation {
margin-bottom:0;
margin-top:0;
width: 100% !important;
margin-top: 0 !important;
}
#nav-toggle {
background-image: url("https://workspace-proxies.s3.amazonaws.com/A72644/blog/blogmedialibrary/z85jztfqcw.png?v=1557272878208");
display: block !important;
float: left;
width: 30px;
height: 40px;
background-position: 50% 50%;
background-repeat: no-repeat;
position:fixed;
background-color:transparent;
top:0;
right:0;
z-index:100;
}
#pgNavigation ul {
max-height: 0px;
overflow: hidden;
transition: max-height 300ms ease 0s;
list-style: none outside none;
padding: 0;
top: 100%;
}
#pgNavigation ul.open {
max-height: 1000px;
}
#pgNavigation ul li { display: block; list-style: none; text-align: left; width: 100%; padding-right: 0; }
#pgNavigation ul li a { display: block; border:none; text-decoration: none; color:black;margin:8px;padding:0px;}
#pgNavigation ul.open li a { border-top: 0px solid #ccc;}
#pgNavigation ul li a:hover { border-bottom:none; }
#nav-pg ul li.item29.current a {
border-bottom: none;
}
}
#pgNavigation{
height:auto;
}
@media (max-width: 480px) {
#top-dashboard,#login, #bottom-dashboard, #bottom-sign-up {
}
#bottom-sign-up a {
font-size:0.813em;
}
.photographer-credits p, .photographer-credits-2 p {
font-size:0.688em;
}

#pgLogo {
width:100%;
}
#fullwidthdiv {
height:420px;
}
}

.blogWrapper {
font-size: 1em !important;
}

.full_width_section {
margin-left: calc(-50vw + 50%);
width: 100vw;
}
.bg_beige {
background-color: #f7f4ef;
}
.demosite_show {
cursor: pointer;
clear: both;
margin-top: 20px;
}
#demo-websites {
overflow:auto;
}
.qby_no_padding_section.columns_wrapper .column {
padding-left: 0 !important;
padding-right: 0 !important;
}
@media (max-width: 768px) {
.qby_no_padding_section .widget.wtypecustom_html {
padding-right: 0 !important;
padding-left: 0 !important;
}
}
@media (max-width: 480px) {
.full_screen_mobile {
width: 100vw;
margin-left: calc( -50vw + 50%);
}
.qbyFullScreen {
display:none;
}
.imageDescription {
/* top: 20px !important;*/
}
.imageDescription .qbyB {
right: 0;
width: 100% !important;
margin-right: 5px;
}
.eventslideshow-wrapper {
margin-bottom:20px;
}
}

@media (max-width: 395px) {
.wtypeimage_full_width .overlap_text {
font-size: 35px !important;
letter-spacing: normal;
}
}
.top_notification {
position: absolute;
top:0;
left:30px;
right:30px;
margin-top:8px;
font-size: 13px;
}
@media only screen and (max-width: 760px) {
.top_notification {
margin-top: 8px;
line-height:16px;
font-size:12px;
}
}
@media only screen and (max-width: 400px) {
.top_notification {
left:5px;
right:25px;
font-size:12px;
}
}
@media only screen and (max-width: 350px) {
.top_notification {
font-size:12px;
margin-top:3px;
}
}
#pgFooterHTML #footer {
overflow:auto;
width:100%;
}
#pgFooterHTML #footer #footer-left {
width:40%;
}
#pgFooterHTML #footer #footer-right {
width:60%;
}
#login, #top-dashboard{
position: absolute;
top: 0;
right: 30px;
margin-top: 75px;
font-size:11px;
line-height: 1.3em;
}
#top-dashboard a, #login a, #top-dashboard a:hover, #login a:hover, #login span {
color:black;
text-transform: uppercase;
background-color: transparent;
font-size:11px;
font-family: inherit;
height: 16px;
padding: 0;
font-weight: bold;
letter-spacing: 1px;
padding-top: 1px;
}
#q_logo_black {
display: none;
width: 18px;
position: fixed;
top: 10px;
left: 10px;
z-index: 102;
}
.no_margin_top_bottom {
margin-top:0;
margin-bottom:0;
}
@media (max-width: 768px) {
body {
border-top: 39px solid white !important;
}
#pgLogo {
position: fixed;
top: 0;
left: 0;
margin: 0;
height: auto;
margin-bottom: 0;
max-width:90%;
margin-top: 4px;
padding-bottom: 5px;
padding-left:5px;
z-index:101;
}
#pgLogo.open {
position:fixed;
}
#pgLogo_img {
padding:5px;
height:40px;
}
#nav-toggle {
background-position: calc(100% - 10px) 50%;
height:40px;
width:100%;
background-color:#f7f4ef;
margin-top:0;
}
#login, #top-dashboard {
position: fixed;
right: 10%;
top: 0;
z-index:102;
font-size: 9px;
margin-top: 25px
}
#nav-pg{
margin-top:-10px;
background-color:white;
}
#nav-pg {
height:0;
}
#isPageHeader.open #nav-pg {
height:auto;
}
#isPageHeader.open {
padding-top:0 !important;
}
#pgNavigation ul.open {
max-height: calc(100vh - 40px) !important;
position: fixed;
background-color: white;
top: 40px !important;
margin-top: 0;
left: 0;
padding-left: 0px;
}
#q_logo_black {
display:block;
}
#isPageHeader #pgLogo {
display:none;
}
#isPageHeader p {
margin-top:0;
margin-bottom:0;
}
#pgNavigation {
margin-top:0 !important;
}
.no_margin_top_xs {
margin-top:0 !important;
}
.no_margin_bottom_xs {
margin-bottom:0 !important;
}
}
@media (max-width: 1000px) and (min-width:769px){
#nav-toggle {
position:absolute;
}
#pgNavigation {
position:static;
}
#pgLogo {
height:55px;
}
#q_logo_black {
position:absolute;
}
#login, #top-dashboard{
position:absolute;
}
}

@media (min-width: 1001px) {
#isPageHeader {
top: 0;
z-index: 10;
background-color:white;
}
.subnav li{
float:none !important;
}
}
/* blog thumbnail view */
.blogTitles {
display: -webkit-flex !important; /* Safari */
-webkit-justify-content: center; /* Safari 6.1+ */
-webkit-align-items:flex-start; /* Safari 7.0+ */
display: flex !important;
justify-content: center;
align-items:flex-start;
position:static;
opacity: 1;
padding:0;
height: auto;
width:400px;
}
.pgBlog {
height: auto;
width:400px;
background-color: transparent;
}
.blogParent {
vertical-align: top;
padding-bottom: 20px;
padding-right:10px;
padding-left:10px;
}
.categoryHeader h1, .searchHeader h1 {
display: none;
}
.blogTitles_text {
font-size: 10pt;
font-weight: 300;
line-height: 1.500em;
color: #353535;
margin-bottom: 12px;
text-align:left;
letter-spacing: normal;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
padding:0px;
}
.blogTitles_title {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 15pt;
    line-height: 1.45em;
    color: #353535;
    letter-spacing: normal;
    text-align: left;
    text-transform: none;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0px;
}
.blogTitles_link {
text-align: left;
padding-top: 10px;
padding-bottom:15px;
}
.wraptocenterBlog {
width:400px;
height: 270px;
}
.photographer-custom-page.thumbnail_view {
max-width: 1400px;
}
@media (max-width: 456px) {
.wraptocenterBlog {
width:100%;
}
.pgBlog {
width:100%;
margin: 0;
}
.blogTitles {
width:100%;
}
.blogParent {
vertical-align: top;
padding-bottom: 42px;
padding-right: 13px;
padding-left: 13px;
}

.photographer-custom-page.thumbnail_view {
width: 100% !important;
}
.homepagesection {
padding-right:0 !important;
padding-left:0 !important;
}
.blogclearspace {
height:0 !important;
}
}
.qby_style_section {
height:0;
}
/* start vimeo responsible*/
.wtypevideo {
position: relative;
padding-bottom: 56.25% !important;
height: 0 !important;
overflow: hidden;
max-width: 100%;
height: auto;
}
.wtypevideo iframe, .wtypevideo object, .wtypevideo embed {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
/*end vimeo responsible*/
.slideshow_description {
margin-top: -24px;
}
.imageDescription {
z-index:1;
font-size:10pt;
}
.imageDescription.fs_description .slideshow_description {
position:relative;
margin-right:auto;
margin-left:auto;
}

a.login-button, #login a.login-button {
font-size: 10pt;
font-family: 'Lato', sans-serif;
color: white;
background-color: black;
text-align: center;
padding:6px!important;
text-decoration: none;
font-weight: normal;
margin-right: 4px;
cursor: pointer !important;
color: #FFFFFF !important;
text-align: center;
vertical-align: middle;
text-decoration: none;
border-radius: 4px;
letter-spacing:1px;
}
a.join-button, #login a.join-button {
font-size: 10pt;
font-family: 'Lato', sans-serif;
color: white;
padding:6px!important;
background-color: #bea23e;
text-align: center;
text-decoration: none;
font-weight: normal;
margin-right: 4px;
cursor: pointer !important;
color: #FFFFFF !important;
text-align: center;
vertical-align: middle;
border-radius: 4px;
letter-spacing:1px;
}
a.gotows, #top-dashboard a.gotows {
font-size: 10pt;
font-family: 'Lato', sans-serif;
color: white;
background-color: black;
width: 170px;
height: 30px;
text-align: center;
text-decoration: none;
display: inline-block;
padding: 3px 5px !important;
font-weight: normal;
margin-right: 4px;
cursor: pointer !important;
color: #FFFFFF !important;
text-align: center;
vertical-align: middle;
text-decoration: none;
border-radius: 4px;
letter-spacing:1px;
line-height:25.512px;
text-transform: uppercase;
}
@media (max-width: 1000px){
#nav-toggle.shadow_added {
box-shadow: 0 2px 5px 0 rgba(0,0,0,.14);
}
}
@media (max-width: 884px){
.blogMain {
width: 100% !important;
}
.postRow .sharelinks {
display:none;
}
}