/*  
New
Theme Name: Theme 33
Description: Scope
Version: 1
Author: Queensberry
Author URL: http://www.queensberry.com

TABLE OF CONTENTS

01 - Global 
02 - General Layout
03 - Header
04 - Navigation
05 - Galleries
06 - Album
07 - Widgets
08 - Editable Collection
09 - Shopping Cart
10 - Blog CSS
11 - Footer
12 - Responsive CSS
*/


/* ///////////////////////////////////////////////////////////////////// 
//  01 - Global
/////////////////////////////////////////////////////////////////////*/

p {
color: black;
font-family: 'Lato', sans-serif;
font-size: 1.1em;
line-height: 24px;
letter-spacing:1px;
font-weight:300;
}

a {
color:#CCB676;
text-decoration:none;
font-family: 'Lato', sans-serif;
}

a:hover {
color:#CCB676;
text-decoration:none;
}

h1 {
font-family: 'Lato', sans-serif;
font-weight: 300;
font-size: 1.5em;
text-transform:uppercase;
color:black;
border-bottom: 0px solid #dddddd;
padding:0px;
clear:both;
padding-bottom: 27px;
margin-top:1.875em;
text-align: center;
letter-spacing:3px;
}


h1#mainPageHeader {
visibility:hidden;
height:0px;
padding:0px;
margin:0px;
}

h1#myqby_header {
font-family: 'Lato', sans-serif;
clear:both;
font-size: 1.375em;
text-transform: uppercase;
margin-top: 3.125em;
padding-bottom: 10px;
color: #222222;
font-weight: 300;
letter-spacing: 0.12em;
text-align:center;
}

h1#galleryNavTitle {
margin-top: 2.125em;
padding-bottom: 5px;
}

.postHeader .subject h1 {
float:left;
text-align:left;
}

h2 {
font-family: 'Lato', sans-serif;
clear:both;
font-size: 1.063em;
text-transform: uppercase;
margin-top: 3.125em;
padding-bottom: 0px;
color:#353535;
font-weight: 300;
letter-spacing: 0.15em;
line-height: 2.1;
}

h3 {
font-family: 'Lato', sans-serif;
clear:both;
color:#555;
font-size:0.938em;
font-weight:400;
margin-top:1.875em;
margin-bottom:10px;
text-transform:uppercase;
}


h4 {
font-family: 'Lato', sans-serif;
clear:both;
color:black;
font-size:0.938em;
font-weight:400;
margin-top:1.875em;
margin-bottom:10px;
}

h5 {
font-family: 'Lato', sans-serif;
clear:both;
color:#555;
font-size:0.813em;
font-weight:400;
margin-top:0;
text-transform: uppercase;
margin-top:1.875em;
margin-bottom:10px;
}

h6 {
font-family: 'Lato', sans-serif;
clear:both;
color:#555;
font-size:0.813em;
font-weight:400;
margin-top:1.875em;
margin-bottom:10px;
}

#mainPageHeader {
visibility:hidden;
float:none !important;
padding:0px;
height:0px;
margin:0px;
}

#myqby_header {
margin-top:2.075em;
margin-bottom:15px;
float:left;
padding:0;
}

ul {
padding-left:20px;

}

#popup_title2 {
font-weight: normal !important;
}

blockquote,address {
font-style:italic;
font-weight:400;
font-family: MS Sans Serif4, Geneva, sans-serif;
border-left:4px solid #0fcce3;
padding:0 30px;
}

.hr_aa {
background-color:#eee;
margin:0 !important;
}

.cart-hr {
border-top:1px solid #dddddd;
height:5px;
}

/* ///////////////////////////////////////////////////////////////////// 
//  02 - General Layout
/////////////////////////////////////////////////////////////////////*/

.pg-ar {
font-family: 'Lato', sans-serif;
font-size: 11px;
}

body {
background-color: white !important;
font-family: 'Lato', sans-serif;
}



#pageWidth {
border:0;
width:100%;
font-family:MS Sans Serif4, Geneva, sans-serif;
font-size:100%;
color:gray;
vertical-align:baseline;
background-color:#FFF;
margin:0;
padding:0;
}

#pgContent {
background-color:white;
padding-left:0px;
padding-right:0px;
border:0;
width: 100%;
max-width: 1021px;
margin: auto;
}

#mydiv {
padding-left:20px;
padding-right:20px;
padding-top:20px;
margin-top:0;
}

#content {
float:left;
width:100%;
}

#main {
margin-top:0;
float:left;
width:90%;
height:100%;
clear:both;
margin-left: 30px;
}

#main .wrap {
width:100%;
height:100%;
float:left;
clear:both;
min-height:309px;
margin:20px 0 0 0px;
padding:0 0 20px;
}

#inner_mainPageContent {
float:left;
height:100%;
}

#inner_mainPageContent_alt {
float:left;
}

.mainPageContent {
height:100%;
padding-right:30px;
padding-left:30px;
clear:both;
float:left;
width:80%;
min-width:940px;
background-color:#eee;
}

#allGalleries, #allAlbums {
overflow:hidden;
}

#mainPageWrapper {
width:100% !important;
position:relative;
padding: 0px !important;
min-height:650px;
}

.scroll-bar-wrap {
visibility:hidden;
}

.photographer-custom-page {
width:100% !important;
margin-top:5px;
max-width:1021px;
margin-left:auto;
margin-right:auto;
min-height: 522px;
display:inherit !important;
}


.nopadding {
    padding: 0px !important;
}

.padding2 {
    padding: 2px !important;
}

.padding5 {
    padding: 5px !important;
}

.padding10 {
    padding: 10px !important;
}

/* ///////////////////////////////////////////////////////////////////// 
//  03 - Header
/////////////////////////////////////////////////////////////////////*/
#qby-body { 
border-top:0px;
}

#pgCompany {
font-family: 'Lato', sans-serif;
float:left;
font-size:1.500em;
text-transform:uppercase;
padding-top:20px;
margin-bottom:20px;
line-height: 30px;
text-align:center;
margin-left:auto;
margin-right:auto;
width:100%;
letter-spacing:2px;
font-weight:300;
}

#pgLogo {
text-align: center;
padding-bottom:20px;
margin: 0 auto;
float:none;
width:auto;
}

img#pgLogo_img.middle {

}

#pgLogo img {

}

#isPageHeader {
margin-top:45px;
}
/* ///////////////////////////////////////////////////////////////////// 
//  04 - Navigation
/////////////////////////////////////////////////////////////////////*/

#mainNav {
margin-top:30px;
height:28px;
margin-left:10px;
}

#nav-pg ul {
padding-left:0px;
}

#pgNavigation {
margin-bottom: 28px;
float:none;
line-height:1.7em;
width: 100%;
text-align: center;
border-top:0px;
}

#pgNavigation li {
width:auto;
display:block;
padding:0 40px 0 15px;
}

#pgNavigation li a {
text-decoration:none;
color: black;
}

#pgNavigation li a:hover{
color: black;
}

#nav-pg ul li {
font-family: 'Lato', sans-serif;
text-transform:uppercase;
font-size:13px;
font-weight: 300;
color:#151517;
float:none;
display: inline-block;
clear: none;
text-align:center;
margin-top:0;
margin-bottom:0;
margin-right:0;
letter-spacing: 1px;
}

li.item29.current a {
font-weight:300;
color: #0000;
font-family: 'Lato', sans-serif;
}

li.item29.not_current a {
color:gray;
}

#nav-pg.col-xs-12 {
margin-bottom:0px !important; 
}

/* ///////////////////////////////////////////////////////////////////// 
//  05 - Gallery
/////////////////////////////////////////////////////////////////////*/

/*--------------------------------------
Event Page Styles 
---------------------------------------*/

#galleriesList_2 {
margin:auto;
width:96%;
}

.galleryImage .imagePublic {
height: 226px;
}

#pgGallery {
height: 211px;
width: 314px;
background-color: #eeeeee;
position: relative;
margin:2px;
}

#pgGallery .wraptocenterGallery {
height: 215px;
width: 314px;
}

#galleryTitle {
font-family: 'Lato', sans-serif;
background-color: #ffffff;
opacity: 0.6;
text-transform: uppercase;
color: #000000;
height: 217px;
width: 316px;
padding: 98px 5px 0 5px;
font-weight:400;
position: absolute;
top: 0;
font-size: 1em;
z-index: 1;
text-align: center;
display:none;
letter-spacing: 0.2em;
}

.galleryTitle2 {
font-family: 'Lato', sans-serif;
background-color: #ffffff;
opacity: 0.6;
text-transform: uppercase;
color: #000000;
height: 217px;
width: 316px;
padding: 98px 5px 0 5px;
font-weight:400;
position: relative;
top: -215px;
font-size: 1em;
z-index: 1;
text-align: center;
display:none;
letter-spacing: 0.2em;
filter: alpha(opacity=50);/* for IE5-7*/
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";/* for IE8*/
}

#galleryParent {
display: inline-block;
float:none !important;
margin-top:0;
height:213px;
}

#allGalleries {
text-align: center;
}

.pgGalleryImg {
height:100%;
}

.pgGalleryImgV, .albumImageV{
    position: absolute;
    margin: auto;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    width: 100%;
    height: auto;
}
.pgGalleryImgH, .albumImageH{
    position: absolute;
    margin: auto;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    width: auto;
    height: 100%;
}

#imgCat {
    font-size:0.750em;
    width: 100%;
    text-align: center;
}

#imgCat li {
    float: none !important;
    display: inline-block
}

.paging_container {
font-size:0.750em;
margin-top:10px;
}

.galleryImage .imagePublic {
height: 226px;
}

.gal_list_pagination {
margin-left:0px !important;
margin-top: 4px;
font-family: 'Lato', sans-serif;
font-style: italic;
}

.pagination li.hover a {
background-color: #353535;
}

.pagination li.active a {
background-color: #353535;
}

#collabInfo {
font-size:0.750em;
}



/*--------------------------------------
Thumbnail view
---------------------------------------*/


li#gal_images_25, li#gal_images_50, li#gal_images_75, li#gal_images_100 {
list-style-type: none;
}

#fbdiscussionWrapper {
margin-left: 12px;
width: 980px !important;
}


/* ///////////////////////////////////////////////////////////////////// 
//  06 - Albums
/////////////////////////////////////////////////////////////////////*/

/*--------------------------------------
Album Page Styles 
---------------------------------------*/

#main .wrap {
width: 100%;
margin: 0 auto;
padding: 0 0 0 0;
}

#pgAlbum {
height:205px;
width: 306px;
background-color: #eeeeee;
position: relative;
}

#pgAlbum .wraptocenter {
height: 215px;
width: 306px;
}

#albumsParent {
width: 326px;
height: 215px;
display: inline-block;
float:none !important;
margin-top: 0;
}

#albumTitle {
font-family: 'Lato', sans-serif;
background-color: #ffffff;
opacity: 0.6;
text-transform: uppercase;
color: #000000;
height: 205px;
padding: 90px 5px 0 5px;
font-weight:400;
width: 306px;
position: absolute;
top: 0;
font-size: 1em;
z-index: 1;
text-align: center;
display:none;
letter-spacing: 0.2em;
}

#allAlbums {
text-align: center;
}

/*--------------------------------------
Log in
---------------------------------------*/
.albumlogin {
background-color:#FFF;
width:200px;
padding:20px 15px 7px 0;
}

#album_submit {
margin-top:3px;
width:230px;
}

#login_album_id span, #login_password span {
font-size:0.813em;
}

 ///////////////////////////////////////////////////////////////////// 
//  07 - Widgets
/////////////////////////////////////////////////////////////////////
/*--------------------------------------
Connect Full
---------------------------------------*/

#pg_connectFull {
width:880px !important;
height:65px;
}

#header_connectFull {
margin-bottom:10px;
font-family:MS Sans Serif4, Geneva, sans-serif;
clear:both;
color:#555;
font-size:0.938em;
font-weight:400;
}

.pgconnectfull_cat-icons {
padding-bottom: 15px;
clear: both;
display: inline;
padding-left: 5px;
position: relative;
top: -11px;
left: -114px;              
}

img.pgconnectfull_imgpad {
height: 22px !important;
width: auto !important;
}

#header_connectFull {
visibility: hidden;
}

.pgconnectsm_cat, .pgconnectsm_cat-l {
padding-top: 4px;
}

/*--------------------------------------
Contact Form
---------------------------------------*/
#pgfrmResponse {
height:10px;
padding:0;
}

#frmContact {
margin-bottom: 0px;
padding: 0px;
font-size: 0.813em;
}

.sharename {
text-transform:uppercase;
padding-top: 3px;
font-size: 0.750em;
}

.buttonYel1 {
background-color:#999;
color:#fff;
padding:2px 6px;
}

small {
font-size:0.750em;
}

/* ///////////////////////////////////////////////////////////////////// 
//  08 - Editable Collection
/////////////////////////////////////////////////////////////////////*/

.unlock-collection {
text-transform:uppercase;
}

#frmEdit {
margin-left:30px;
margin-top:30px;
}

#client_manage {
margin-left:30px;
}

#gallerymanage {
width:940px;
float:left;
}

.editEventTitle {
font-family: MS Sans Serif4, Geneva, sans-serif;
clear:both;
color:#555;
font-size:1.125em;
text-transform:uppercase;
margin-top:1.875em;
font-weight: 400;
padding:0 0 20px 0;
}

.collectionheader, .collection_title, .colHeadSubTitle, .cat_title, .cat_subtitle, .catheader, .catHeadSubTitle, collection_subtitle {
color: #333333;
font-size: 0.750em !important;
}

.collection, .category {
background-color: #dddddd !important;
}

.current_collection {
background-color: #ffffff !important;
}

#client_manage .current_category {
background-color: #ffffff !important;
}

#mainGallery {
background-color: #ffffff !important;
}

#collection_properties {
background-color: #ffffff !important;
}

.clm-pagination-top, .clm-pagination-bottom {
font-size: 0.750em;
}

.clm-pagination-bottom {
margin-bottom: 15px;
margin-top:0px;
}

/* ///////////////////////////////////////////////////////////////////// 
//  09 - Shopping Cart
/////////////////////////////////////////////////////////////////////*/

.cartItems {

float:left;
margin-bottom:50px;
}

.orderSummary {
float:left;
background-color:#ffffff;
color:#000;
}

#shoppingcart_header {
margin: 30px 0 !important;
padding:0;
}

#cartcurrency {
margin: 30px 0 10px 0px !important;
}

.buyFooter p {
font-size: 0.938em;
}

/* ///////////////////////////////////////////////////////////////////// 
//  10 Template Horizontal Slider Light - Blog CSS
/////////////////////////////////////////////////////////////////////*/
/*--------------------------------------
Horizontal slider updated
---------------------------------------*/
.horizontal_slider {
margin-left: 20px;
margin-right: 20px;
}
.scroll-content-item{
margin-right:5px !important;
height:auto !important;
margin-top:100px;
}
.scroll-content-item-img{
max-height:425px !important;
margin-top:0px !important;
}

.ui-widget-header {
background: white !important;
border: 1px solid white !important ;
}

.scroll-bar-wrap .ui-slider {
height: 1em !important;
}
.scroll-bar-wrap .ui-slider-handle {
height: .5em !important;
}
.scroll-bar-wrap .ui-slider-handle .ui-icon {
visibility: hidden !important;
}

a.ui-slider-handle ui-state-default ui-corner-all {
width:33px !important;
}

a.ui-slider-handle ui-state-default.ui-corner-all.ui-state-hover {
width:33px !important;
}

.fb-like-box fb_iframe_widget {
width:98% !important;
}


.ui-slider-handle.ui-state-default.ui-corner-all {
background: #757575 !important;
border: 1px solid #5f5f5f !important;
top: -2px !important;
}

.new_slider_img {
max-height: 600px !important;
}

.new_slider_div {
/*height: auto !important;*/
/*background-color: white !important;*/
width:100%; 
}

#slideshowContainer {
margin-left: 20px !important;
}

#clientGallery {
padding-bottom: 0px !important;
width: 980px;
}


#clientGallery {
min-height: 617px;
}

.scroll-content-item{
margin-right:1px !important;
height:auto !important;
}

.ui-widget-header{
border:0px !important;
}

.scroll-content-item-img{
max-height:650px !important;
}

.new_slider_div {
width: 100%;
background-color: #EFEFEF;
margin-right: 0;
padding-right: 0;
/*height: 670px;*/
white-space: nowrap;
overflow-x: auto;
}

.new_slider_div::-webkit-scrollbar {
height: 9px;
}

/* ///////////////////////////////////////////////////////////////////// 
//  11 - Footer
/////////////////////////////////////////////////////////////////////*/

.pg_connectFull_type {
    text-align: center;
}

.pg_connectFull_type .social_icons {
 float: none;
 display: inline-block;    
}

#pgFooter {
font-size:0.688em;
font-family:MS Sans Serif4, Geneva, sans-serif;
padding:0 5px 15px;
border-top:0px; 
}

#isPageFooter {
float:left;
bottom:0;
z-index:2;
width:100%;
color:#FFF;
padding-top:25px;
}

#poweredby {
padding-top:8px;
font-family:MS Sans Serif4, Geneva, sans-serif;
font-size: 0.563em !important;
margin-left: 2px;
margin-top: 3px;
width:80%;
}

#poweredby a {
color:#000;
}

#pgFooter #poweredby {
left:20px;
color:#000 !important;
bottom:20px;
position: relative;
width:80%;
}

.socialmedia-footer {
text-align:center;
}

#copyright-footer p {
font-size:10px;
text-align:center;
letter-spacing:1px;
margin-bottom:15px;
font-weight:300;
color:black;
}

/* ///////////////////////////////////////////////////////////////////// 
//  12 - RESPONSIVE CSS
/////////////////////////////////////////////////////////////////////*/

/*  HandHeld - Ipad in Portrait or screen smaller that 980px CSS */


@media only screen 
and (max-device-width : 1024px)  { 

/*--------------------------------------
General
---------------------------------------*/

#nav-pg ul li {
font-size:0.950em;
}

#pgContent {
width: 98%;
}

p {
font-size: 1.3em;
}

/*--------------------------------------
Blog
---------------------------------------*/    

.blogMain {
width:100% !important;
}

.blogMainWrapper {
width:100% !important;
}

.blogSidePannel {
display:none;
}

.useraboutme {
width:95% !important;
padding-top: 10px;
}

.buttonYel1 {
margin-right: 108px !important;
}
}

@media only screen and (max-width: 884px) {

/*--------------------------------------
Blog
---------------------------------------*/    

    .blogMain {
       width:100% !important;
    }

.blogMainWrapper {
width:100% !important;
}

    .blogSidePannel {
       display:none;
    }

#replyform {
width: 95% !important;
}

.blogWrapper p {
font-size: 1.3em;
}

.useraboutme {
width:95% !important;
padding-top: 10px;
}
}

@media only screen 
and (max-device-width : 480px) {

/*--------------------------------------
General
---------------------------------------*/

#pgContent {
width: 98%;
}

p {
font-size: 1.3em;
}

/*--------------------------------------
Blog
---------------------------------------*/    

    .blogMain {
       width:100% !important;
    }

.blogMainWrapper {
width:100% !important;
}

.blogWrapper p {
font-size: 1.3em;
}

    .blogSidePannel {
       display:none;
    }

#commentContainer {
width: 93% !important;
}

#replyform {
width: 96% !important;
}

#replyform .buttonYel1 {
margin-right: 30px !important;
}

#replyform input {
width: 100% !important;
}

.useraboutme {
width:95% !important;
padding-top: 10px;
}
}

/*--------------------------------------
Responsive navigation
---------------------------------------*/
@media (max-width: 768px) {
    #isPageHeader {

    }
    #pgLogo {
    }
    #pgNavigation, #nav-pg {
        padding-right: 0;
        margin:0;
        width:100%;
    }
    #nav-toggle {
        background-image: url("//workspace-cdn.s3.amazonaws.com/images/settings_navigation_icons/dropdown_menu.png");
        display: block !important;
        float: left;
        width: 100%;
        height: 45px;
        background-position: calc(100% - 22px) 22px;
        background-repeat: no-repeat;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 100;
        background-color: white;
    }
    #pgNavigation ul {
        display:block;
        max-height: 0px;
        overflow: hidden;
        transition: max-height 300ms ease 0s;
        list-style: none outside none;
        padding: 0;
        position: static;
        z-index: 100;
        margin-top: 0;
    }

    #nav-pg {
        padding-left: 5px !important;
        padding-right: 10px !important;
    }

    #pgNavigation li {
        margin-left:0px !important;
        margin-right:0px !important;
        padding-left: 0px !important;
    }
    
    #pgLogo.open {
        position: static;
        width: 100%;
        /*background-color:white;*/
        z-index:101;
    }
    
    #pgNavigation ul.open {
        position: static;
        max-height: 1000px; 
        /*background-color: white;*/
    }
    #pgNavigation ul li { display: block; list-style: none; text-align: left; width: 100%; padding-right: 0; }
    #pgNavigation ul li a { display: block; padding: 15px 10px; border:none; text-decoration: none; }
    #pgNavigation ul.open li a { border-top: 1px solid #ccc;}
    #pgNavigation ul li a:hover { }
}