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

/* /////////////////////////////////////////////////////////////////////
// 01 - Global
/////////////////////////////////////////////////////////////////////*/
/* MY BRAND COLOURS 
Dark Neutral (dark brown): #432216
Primary (mid-brown): #7f5740
Secondary (light brown): #ccb199
Light Neutral (ivory): #fbf4e7
Accent (bright yellow): #fcb827
Pastel accent (pale yellow): #fbe2a6
*/

/* MY CHOSEN FONTS */
/* Century Gothic*/
/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * century-gothic:
 *   - http://typekit.com/eulas/00000000000000003b9b1f23
 *
 * © 2009-2024 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2021-09-06 05:08:57 UTC"}*/

@import url("https://p.typekit.net/p.css?s=1&k=oov2wcw&ht=tk&f=39203&a=85994746&app=typekit&e=css");

@font-face {
font-family:'Century Gothic';
src:url("https://use.typekit.net/af/afc5c6/00000000000000003b9b1f23/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/afc5c6/00000000000000003b9b1f23/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/afc5c6/00000000000000003b9b1f23/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

.tk-century-gothic { font-family: "century-gothic",sans-serif; }

.content_divider {
margin: 20px 0;
color: #fcb827 !important;
}

.postHeader .subject h1, .useraboutme h1 {
color: #7f5740;
}


.boxed {
background: #fcb827;
border: 5px double #7f5740;
}


boxtextbig {
font-family: Century Gothic;
clear:both;
font-size: 16px;
text-transform: uppercase;
margin-top: 0px;
padding-bottom: 5px;
border-bottom: 0px solid #ccb199;
color: #fbf4e7;
font-weight: normal;
letter-spacing:2px}
}

boxtextsmall {
font-family: Century Gothic;
font-size: 12px;
color: #fbf4e7;
line-height: 18px;
}

p {
max-width: 1000px;
margin: auto;
font-family: Century Gothic !important;
font-size: 15px;
color: #7f5740 !important;
line-height: 18pt;
letter-spacing:1.2px;
}

bold {
font-family: Century Gothic;
font-weight: bold;
} 

plight {
max-width: 1000px;
margin: auto;
font-family: Century Gothic !important;
font-size: 15px;
color: #ccb199 !important;
line-height: 18pt;
}

jcactionfont {
font-family: Century Gothic;
font-size: 14px;
color: #7f5740;
line-height: 18px;
}

/*hyperlinks - use a*/
a {
font-family: Century Gothic;
color:#d4981e !important;
text-decoration: none;
}

a:hover {
color: #fcb827 !important;
}


jcannouncement {
max-width: 2000px!important;
margin: auto;
font-family: Century Gothic;
clear:both;
font-size: 14px;
margin-top: 0px;
padding-bottom: 5px;
border-bottom: 0px solid #fcb827;
color: #7f5740;
font-weight: normal;
letter-spacing:1.2px;
}

h1 {
max-width: 1000px;
margin: auto;
font-family: Century Gothic;
clear:both;
font-size: 18px;
text-transform: uppercase;
margin-top: 0px;
padding-bottom: 5px;
border-bottom: 0px solid #dddddd;
color: #7f5740!important;
font-weight: normal;
letter-spacing:2px;
}
h2 {
max-width: 1000px;
margin: auto;
font-family: Century Gothic;
clear:both;
font-size: 18px;
text-transform: uppercase;
margin-top: 50px;
padding-bottom: 5px;
border-bottom: 0px solid #dddddd;
color: #7f5740;
font-weight: normal;
}
h3 {
max-width: 1000px;
margin: auto;
font-family: Century Gothic;
clear:both;
font-size: 16px;
line-height: 20pt;
/*margin-top: 10px;
padding-bottom: 10px;
border-bottom: 0px solid #dddddd;*/
color: #7f5740;
font-weight: normal;
}
h4 {
max-width: 1000px;
margin: auto;
font-family: Century Gothic;
clear:both;
font-size: 15px;
text-transform: uppercase;
margin-top: 20px;
padding-bottom: 10px;
border-bottom: 0px solid #dddddd;
color: #7f5740;
font-weight: normal;
}
h5 {
max-width: 1000px;
margin: auto;
font-family: Century Gothic;
clear:both;
font-size: 15px;
text-transform: uppercase;
margin-top: 20px;
padding-bottom: 10px;
border-bottom: 0px solid #dddddd;
color: #7f5740;
font-weight: bold;
}
h6 {
font-family: Century Gothic;
clear:both;
font-size: 15px;
text-transform: uppercase;
margin-top: 20px;
padding-bottom: 10px;
border-bottom: 0px solid #dddddd;
color: #7f5740;
font-weight: normal;
}

blockquote, address {
margin: 20px 0 20px 30px;
padding: 0 30px 0 30px;
font-style: italic;
font-family: Georgia, Times, "Times New Roman", serif;
border-left: 5px solid #e0e0b4;
}
#img {
padding-top: 40px;
margin-left: -30px;
}
/*--------------------------------------
Page Element Styles (lists, lines, etc)
---------------------------------------*/
ul {
padding-left: 15px;
font-family: Century Gothic;
font-size: 15px;
color: #7f5740;
max-width: 1000px;
line-height: 18pt;
letter-spacing:1.2px;
}
ol {
padding-left: 15px;
font-family: Century Gothic;
font-size: 15px;
color: #7f5740;
max-width: 1000px;
line-height: 18pt;
letter-spacing:1.2px;
}

.hr_aa {
background-color: #fbf4e7;
margin: 15px 0 25px 0 !important;
}
hr {
    border-top: 1px solid #fcb827;
}
#clientwebsiteNav ul {
    margin-left: 0px; 
}

/*--------------------------------------
Page Styles
---------------------------------------*/
#pageWidth {
margin:auto;
margin-top: 0px;
padding:0;
width:100%;
max-width:1500px;
font-family: Century Gothic;
font-size: 1em;
color: #7f5740;
line-height: 18px;
}
#pgContent {
//padding-left: 40px;
//padding-right: 40px;
//-moz-box-shadow: 0 0 7px #999;
//-webkit-box-shadow: 0 0 7px#999;
//box-shadow: 0 0 7px #999;
//float: left;
max-width:2000px;
width: 100%;
background-color: #ee1919;
//border-left: solid 2px #e0e0b4;
//border-right: solid 2px #e0e0b4;
}
.mainPageContent {
min-height:500px;
}
#inner_mainPageContent {
padding-top:10px;
min-height:550px;
padding-bottom:50px;
width:100%;
}
//body {
//background-image:url("https://workspace-proxies.queensberry.com/A24406/event_33249/lowres/53f4ff46953c0.jpg?v=1");
//}
/* /////////////////////////////////////////////////////////////////////
// 03 - header
/////////////////////////////////////////////////////////////////////*/
#pgLogo {
height: 160px;
margin-top: -110px;
text-align: center;
}
/* /////////////////////////////////////////////////////////////////////
// 04 - Navigation
/////////////////////////////////////////////////////////////////////*/
#pgNavigation {
clear:both;
margin-bottom: 0px;
height: 30px;
border-top: 0px solid #fcb827;
margin-top: -20px;
}
#pgNavigation li {
float: left;
width: 78px;
display: block;
margin-left: 0px;
}
#pgNavigation li a{
color: #b5b3b3;
text-decoration: none;
}
#nav-pg ul li {
font-family: Century Gothic;
text-transform: uppercase;
font-size: 11px;
color: #cd6e7a;
}
/*#nav-pg ul {
padding-left: 10px;
}*/
#nav-pg ul{
margin-left: auto;
margin-right: auto;
width:980px;
}
/* /////////////////////////////////////////////////////////////////////
// 05 - Galleries
/////////////////////////////////////////////////////////////////////*/
/*--------------------------------------
Event Page Styles
---------------------------------------*/
.galleryImage {
height: 250px;
}
#pgGallery {
height: 226px;
width: 293px;
background-color: #fbf4e7;
}
.wraptocenter img {
width:180px;
}
#galleryParent {
margin-bottom: 30px;
width: 313px;
height: 286px;
}
#galleryTitle {
font-family: Century Gothic;
text-transform: uppercase;
color: #808080;
height: 20px;
padding-left: 10px;
width: 283px;
border-bottom: 1px solid #fcb827;
}
/*--------------------------------------
Event Slideshow & Thumbnail Styles
---------------------------------------*/
span#numGalImages {
font-size: 12px;
color: #aaaaaa;
}
#cart {
background-color: #999999;
text-transform: uppercase;
padding: 5px;
width: 90px;
text-align: center;
margin-right: 8px;
}
#cart a {
color: #ffffff;
}
#sharegallery {
background-color: #999999;
text-transform: uppercase;
padding: 5px;
width: 120px;
text-align: center;
}
#sharegallery a {
color: #ffffff;
}
#changeview {
background-color: #999999;
text-transform: uppercase;
padding: 5px;
width: 150px;
text-align: center;
float: left;
}
#changeview a {
color: #ffffff;
}
#event_music{
background-color: #999;
text-transform: uppercase;
padding: 5px;
width: 130px;
text-align: center;
float: left;
}
#event_music a{
color: #ffffff;
}
#buythumb {
border: 1px solid #eeeeee;
}
.to-buy {
background: #eeeeee;
color: #555555;
padding: 3px 0;
}
.to-buy a {
color: #555555;
font-size: 11px;
}
.paging_container {
height:50px;
}
li#gal_images_25, li#gal_images_50, li#gal_images_75, li#gal_images_100 {
list-style-type: none;
}
/*--------------------------------------
Editable Collection
---------------------------------------*/
.editEventTitle {
clear:both;
font-size: 16px;
text-transform: uppercase;
margin-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #fcb827;
color: #555555;
font-weight: normal;
}
/* /////////////////////////////////////////////////////////////////////
// 06 - Album
/////////////////////////////////////////////////////////////////////*/
/*--------------------------------------
Album Page Styles
---------------------------------------*/
#main .wrap {
width: 940px;
margin: 0 auto;
padding: 0 0 0 0;
}
#pgAlbum {
height: 226px;
width: 293px;
background-color: #eeeeee;
}
#albumsParent {
margin-bottom: 20px;
width: 313px;
height: 286px;
}
#albumTitle {
font-family: Century Gothic;
text-transform: uppercase;
color: #808080;
height: 20px;
padding-left: 10px;
width: 283px;
border-bottom: 1px solid #fcb827;
}
/*--------------------------------------
Album Proofing Styles
---------------------------------------*/
.albumlogin {
background-color: #555555;
padding: 1px 10px 10px 0;
width: 200px;
color: #ffffff;
}
.albumlogin input {
color:#555555;
}
.albumlogin-header{
color:white;
}
#landingImage {
width: 940px;
}
#main .landing_info{
padding: 0;
margin: 0;
}
#landing_info {
margin-left: 0px;
}
#landing_info li {
margin: 0 24px 0 0;
display: inline-block;
list-style-type: none;
padding-right: 20px;
}
#landing_info a:link{
text-decoration: none;
}
#landingNav ul {
padding-left: 0px;
}
#landingNav li {
margin: 0 24px 0 0;
display: inline-block !important;
list-style-type: none !important;
padding-right: 20px !important;
padding-bottom: 2px !important;
}
#landingNav li a{
text-decoration: none !important;
}
#landingNav li a:hover{
text-decoration: none !important;
padding-bottom: 2px !important;
}
#landingNav .current a {
color: #000000 !important;
padding-bottom: 2px !important;
border-bottom: 1px solid #fcb827 !important;
}
/*--------------------------------------
Feedback Page
---------------------------------------*/
.conversation_client {
color: #000000;
}
.conversation_pg {
color: #000000;
}
.conversation_header {
text-transform: uppercase;
}
.ago {
color: #cccccc;
margin-bottom: 10px;
}
.submitButton {
font-size: 13px;
color: white;
text-transform: uppercase;
background-color:#b5b3b3;
}
#sendFeedbackToPg {
font-size: 13px;
text-decoration: none;
text-transform: uppercase;
margin-bottom:20px;
background-color: #b5b3b3;
color: white;
}
.sendFeedbackUnsent{
background: none repeat-x scroll 0 0 white;
}
.sendFeedbackSending{
background: none repeat-x scroll 0 0 #555555;
}
/* /////////////////////////////////////////////////////////////////////
// 07 - Widgets
/////////////////////////////////////////////////////////////////////*/
/*--------------------------------------
Connect Widgets
---------------------------------------*/
#header_connectFull {
text-transform: uppercase;
margin-bottom: 20px;
}
#pg_connectSmall-l {
padding-bottom: 40px;
}
#pgconnectsm_sh {
padding-bottom: 10px
}
.sharename {
text-transform: uppercase;
}
/* /////////////////////////////////////////////////////////////////////
// 08 Blog CSS
/////////////////////////////////////////////////////////////////////*/
/*--------------------------------------
Main
---------------------------------------*/
.categoryHeader h1, searchHeader h1 {
margin-top:20px;
left:0px;
}
#storyboardTitle {
display: none;
}
.postTags {
padding-top:20px;
}
.postCategories {
padding-top:5px;
}


p {
max-width: 1000px;
margin: auto;
font-family: Century Gothic !important;
font-size: 15px;
color: #7f5740 !important;
line-height: 18pt;
letter-spacing:1.2px;
}



.blogWrapper {
    font-size: 12px;
    color: #7f5740 !important;
    font-family: Century Gothic !important;
    line-height: 18pt;
    letter-spacing:1.2px;
}


/*--------------------------------------
Side Panel
---------------------------------------*/
.blogSidePannel {
border:1px solid #fcb827;
background-color: #fbf4e7;
padding-top: 18px;
padding-bottom: 10px;
padding-left: 7px;
}
.recentpostsBox {
padding-left: 14px;
padding-right: 20px;
}
.recentCategories {
padding-left: 14px;
padding-right: 20px;
}
.recentpostsBox li a, .recentCategories li a {
color:#7f5740 !important;
}
.recentpostsBox li a:hover, .recentCategories li a:hover {
color:#fcb827 !important;
}
.recentpostsBox .title h2, .recentCategories .title h2 {
padding-bottom:6px;
margin-top:17px;
border-bottom:1px solid #fcb827;
font-size:13px;
padding-left:0px;
color:#432216;
}
.searchboxfld {
border:1px solid #432216;
font-size:12px;
color:#7f5740;
font-family:Century Gothic;
}
.searchIcon {
border:1px solid #432216;
}
/*--------------------------------------
Comments
---------------------------------------*/
.comment {
border:1px solid #ddd;
}
#replyform {
background-color: #e9eae0;
}
#replyform .title {
border:1px solid #999;
background-color: #999;
color: #ffffff;
font-size: 13px;
}
#replyform input {
border: 1px solid #999;
width: 387px;
font-size:13px;
color: #353535;
font-family: Century Gothic;
}
#replyform textarea {
border:1px solid #999;
font-size:13px;
color:#353535;
font-family: Century Gothic;
}
.postHeader .commentsCount {
background:url('http://queensberry.s3.amazonaws.com/images/comment_icon.png')no-repeat scroll 22px 0px transparent !important;
height:29px;
color: #888888 !important;
}


/* /////////////////////////////////////////////////////////////////////
// 09 - Footer
/////////////////////////////////////////////////////////////////////*/
#pgFooter {
padding-bottom: 20px !important;
}
#poweredby {
padding-bottom: 20px !important;
}
#mainPageWrapper #mainNav #landingNav{
margin-top:20px;
}
.catTabsChild.cat_other .cattext {
color:transparent !important;
}
.catTabsChild.cat_other .cattext:before {
content:'Prints & Accessories';
color: #bea23e;
}
/* 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{
background-color:#fbf4e7;
}
#pgContent,#pageWidth{
background-color:#fbf4e7;
}
#pgNavigation{
background-color:#fbf4e7;
}
h1,.editEventTitle{
background-color:#fbf4e7;color:#fbf4e7;font-size:24px;line-height:20pt;
}
#galleryTitle,.galleryTitles,.galleryTitles2{
background-color:#fbf4e7;color:#7f5740;font-size:12px;line-height:16pt;font-family: Century Gothic;
}
#albumTitle,.albumTitles{
background-color:#fbf4e7;color:#cccbc6;font-size:12px;line-height:16pt;font-family:Century Gothic;
}
a{
color:#7f5740;
}
#nav-pg li a:hover,a:hover{
color:#432216;
}
//p,.catheader,.cat_title,.cat_subtitle,.collectionheader,.collection_title,.collection_subtitle{
//color:#;font-size:;line-height:12pt;font-family:Century Gothic;
//}
#nav-pg ul li,#nav-pg ul li a{
color:#7f5740;font-size:12pt;line-height:12pt;font-family:Century Gothic;
}
li.item29.current a{
border-bottom:1px solid #;
}
#pgGallery{
background-color:#fbf4e7;
}
#pgAlbum{
background-color:#fbf4e7;
}
input [type="submit"],.submitButton,.buttonYel1{
}
h3,h4,h5,h6{
}

/* /////////////////////////////////////////////////////////////////////
// DROP DOWN MENU CSS ADDED BY JACKIE 270519
/////////////////////////////////////////////////////////////////////*/

/* Dropdown Button */
.dropbtn {
  background-color: #fbf4e7;
  color: #7f5740;
  padding: 16px;
  font-size: large;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fbf4e7;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 99999999;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: #7f5740;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #fbf4e7;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #fbf4e7;}

/* /////////////////////////////////////////////////////////////////////
// SLIDESHOW CSS ADDED BY JACKIE 270519
/////////////////////////////////////////////////////////////////////*/

.jcmySlides {display: none;}
.jcmySlides2 {display: none;}

/* Slideshow container */

.jcslideshow-container {
  max-width: 1500px;
  position: relative;
  margin: auto;
}

/*for testimonials*/

.jcslideshow-container2 {
  max-width: 1000px;
  position: relative;
  margin: auto;
}


/*style setting for section background*/

.jccalltoaction {
  max-width: 1000px;
  margin: auto!important;
  width: 100%;
  background-color: #7f5740!important;
  padding: 0.5%!important;
}

.jccalltoaction2 {
  max-width: 1000px;
  margin: auto!important;
  width: 100%;
  background-color: #9f150b!important;
  padding: 15px!important;
}

.jccalltoactionwhite {
  max-width: 1000px;
  margin: auto!important;
  width: 100%;
  background-color: #ffffff!important;
  padding: 15px!important;
}

.pg_connectFull_type {
    float:right!important;
    position:relative;
/*    left:-50%;*/
    text-align:left;
}

.social_icons {
    position:relative;
/*    left:50%;*/
}

/*set widget max width to 1000pixels*/
.jcmaxwidth {
     max-width: 1000px;
     margin: auto!important;
}

/*pin my navigation to the top of the screen*/
.sticktotop {
      position: fixed;
      left: 50%;
      transform: translateX(-50%);
      top: 0;
      z-index: 100;
      background: #fbf4e7;
      width: 100%;
}


/* CAROUSEL */

.carousel {
  position: relative;
        height: 600px;
  width: 100%;
  margin: 0 auto;
}

.carousel__image {
  width: 100%;  
  height: 100%;
  object-fit: cover; 
}

.carousel__track-container {
  height: 100%;
  position: relative;
  overflow: hidden;
}

.carousel__track {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
        max-width: 2000px;
  height: 100%;
        cursor: grab;
}

.carousel__slide {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}

.carousel__button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border:0;
  cursor: pointer;
}

.carousel__button--left {
  left: -40px;
}

.carousel__button--right {
  right: -40px;
}

.carousel__button img {
  width: 6px;
}

.carousel__nav {
  display: flex;
  justify-content: center;
  padding: 10px 0;
}

.carousel__indicator {
  border: 0;
  border-radius: 0%;
  width: 10px;
  height: 10px;
  background: rgba (67,34,22,.4);
  margin: 0 6px;
  cursor: pointer;
}

.carousel__indicator.current-slide {
  background: rgba(67,34,22,.5); 
}


/* Resized the example product images in basket and changed the background colour. Don't know where else this might be used*/

.for_print_preview #ps_displayImages_wrapper {
  background-color: #fbf4e7 !important;
  height: 400px !important;
}

.collectionbox {
  max-width: 330px;  
  height: 100%;
  background-color: #ffffff;
  padding: 10px;
  margin: 10px;
}