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

#isPageHeader {
max-width:970px;
margin-left:auto;
margin-right:auto;
}

.pg_connectFull_type.type_0.color_0_2 {
float:right;
width:100%;
}

.pg_connectFull_type .social_icons {
float: right;
}


.website_title_text {
line-height:50px;
height:auto;
}

#slideshowContainer {
margin-right:auto;
margin-left:auto;
}

#pgNavigation {
border-bottom: 0px solid #dddddd;
}

#pgContent {
-moz-box-shadow: 0 0 0px #999;
-webkit-box-shadow: 0 0 0px #999;
box-shadow: 0 0 0px #999;
}

#pgLogo {
text-align: center;
display:block;
}

#pgNavigation {
text-align: center;
padding-top:20px;
}

#pg_connectFull {
float: left;
margin-left: 20px;
margin-top: -17px;
}

#pgFooter {
padding: 4px 0 43px 0;
}

#isPageFooter {
border-top: solid 1px #dddddd;
margin-top: 49px;
}

p {
font-family: 'Lato', sans-serif;
color: #8f8c8c;
line-height:27px;
font-size:1em;
font-weight: 300;
}

a {
font-family: 'Lato', sans-serif;
color:#555;
font-weight: 300;
}

.sharename {
font-size: 0.7em;
}

/*#pgGallery {
background-color: transparent !important;
}*/

#galleryTitle {
height:auto !important;
text-align: center;
font-family: 'Lato', sans-serif !important;
padding: 0px 12px 0 8px;
}

#nav-pg li {
display: inline-block;
float:none;
}

#nav-pg ul li, #nav-pg ul li a {
font-family: 'Lato', sans-serif;
letter-spacing: 1px;
color:#8f8c8c !important;
    font-size: 0.94em !important;
font-weight: 300;
}


#nav-pg ul li a:hover {
border-top:solid 2px #999;
color: #000000; 
}

#nav-pg ul li.item29.current a {
border-top:solid 2px #555;
color:#555 !important;
}

h1 {
font-family: 'Lato', sans-serif;
color: #777;
font-size: 1.2em;
letter-spacing: 1px;
}

h1, .editEventTitle {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
color: #777;
font-size: 1.2em;
letter-spacing: 1px;
}

h2 {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
}

.postCategories {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
}

.postTags {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
}

#allGalleries {
margin-top: -20px !important;
}

#pgNavigation li {
padding: 7px 25px 0 10px;
}

#pgFooter {
background-color: #bebfc3;
padding: 4px 0 5px 0;
}

#mainPageWrapper {
min-height: 700px;
}

#pgGallery .wraptocenterGallery {
/*height: 250px !important;*/
}

#pgGallery {
/*height: 250px !important;*/
overflow:hidden !important;
}

#galleryTitle {
background-color: transparent !important;
display:none;
}

#isPageFooter {
border-top: solid 0px #dddddd;
}

h1, .editEventTitle {
visibility:hidden;
height:0px;
margin:0px;
padding:0px;
}

.slideshowinfo {
/*visibility:hidden;*/
height:0px;
margin:0px;
padding:0px;
}








































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

#line1 {
width: 60%;
}
}

h8 { 
font-family: 'Lato', sans-serif;
color: #8f8c8c;
line-height:27px;
font-size: 17pt;
font-weight: 100;
}

#frmContact {
/*max-width:500px !important;*/
}

#submitfrmContact {
/*margin-left:15px;
float: none;*/
}

/* ///////////////////////////////////////////////////////////////////// 
//  05 - Galleries
/////////////////////////////////////////////////////////////////////*/

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

#pgGallery .wraptocenterGallery {
height: 212px;
width: 314px;
position: relative;
overflow: hidden;
}

#galleryTitle {
height: auto;
width: 316px;
}

#galleryParent {
width: 322px;
height:195px;
display: inline-block;
float:none !important;
}

#allGalleries {
text-align: center;
}

.pgGalleryImg {
height:100%;
}

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

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

/*--------------------------------------
Responsive navigation
---------------------------------------*/
    @media (max-width: 1150px) {
        #pgNavigation, #nav-pg {
            padding-right: 0;
        }
        #nav-toggle {
            background-image: url("http://workspace-cdn.s3.amazonaws.com/images/settings_navigation_icons/dropdown_menu.png");
            display: block !important;
            float: left;
            width: 30px;
            height: 30px;
            background-position: 50% 50%;
            background-repeat: no-repeat;
            position:none !important;
            
        }
        #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; padding: 15px 10px; border:none; text-decoration: none; }
            #pgNavigation ul.open li a { border-top: 1px solid #ccc;}
            #pgNavigation ul li a:hover { }
    }
.contact_field4 {
    display: none;
}

#slideshowContainer {
    max-height: 695px;
    height: calc((90vw - 49px)* 0.68) !important;
    min-height:175px;
}
#slideshowContainer .qbyMainCurrentImage img {
    bottom: auto;
    top: 10px;
}

@media only screen 
and (max-device-width : 330px)
{
    p#header_contact_info {
        font-size: 12px !important;
    }
#pgContent {
    padding-left: 3px;
    padding-right: 3px;
}
} 

.eventinfo_location {
height:auto;
}



/* SIMPLE MODE CSS EDITOR */ 
                            
/* This css code is auto generated by the simple css editor.
Any changes you make in this auto generated section will be over written if the simple editor is used again */
                        
body,.mainPageContent,#qby-body{

}
#pgContent,#pageWidth{
background-color:;
}
#pgNavigation{
background-color:;
}
h1,.editEventTitle{

color:#000000;
font-family:"Lato", sans-serif;
font-size:1.5em;
}
#galleryTitle,.galleryTitles,.galleryTitles2{
background-color:#;color:#000000;font-size:1em;line-height:1.4em;font-family:"lato",sans-serif;
}
#albumTitle,.albumTitles{
background-color:#;color:#000000;font-size:1em;line-height:1.4em;font-family:helvetica;
}
a{
color:#CCB676;
}
#nav-pg li a:hover,a:hover{
color: #aaaaaa;
}
p,.catheader,.cat_title,.cat_subtitle,.collectionheader,.collection_title,.collection_subtitle{
color:#000000;font-size:1em;line-height:1.4em;font-family:helvetica;
}
#nav-pg ul li,#nav-pg ul li a{
color:#333333;font-size:0.85em;line-height:1.19em;font-family:helvetica;
}
li.item29.current a{
border-bottom:1px solid #;
}
#pgGallery{
background-color:#eeeeee;
}
#pgAlbum{
background-color:#eeeeee;
}
input [type="submit"],.submitButton,.buttonYel1{
background-color: #353535;
color:#ffffff;
}
h2,h3,h4,h5,h6{

color: #000000;
}
.call-to-action{
text-align: center;
}
.call-to-action p{
border-width: 1px; border-radius: 0px; border-color: #555555; background-color: ; font-size: 15px; color: #000000; width: auto;
}